:where(.migrate-page) .migrate-mock{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface);width:100%;max-width:30rem;color:var(--od-text);flex-direction:column;gap:1.25rem;margin-left:auto;padding:clamp(1.25rem,3vw,1.75rem);display:flex}:where(.migrate-page) .migrate-mock__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}:where(.migrate-page) .migrate-mock__title{font-size:.9375rem;font-weight:700}:where(.migrate-page) .migrate-mock__progress{color:var(--od-text-muted);font-family:var(--od-font-mono);white-space:nowrap;font-size:.6875rem}:where(.migrate-page) .migrate-mock__steps{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}:where(.migrate-page) .migrate-mock__step{align-items:center;gap:.75rem;font-size:.8125rem;display:flex}:where(.migrate-page) .migrate-mock__ring{border:1px solid var(--od-border-strong);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:flex}:where(.migrate-page) .migrate-mock__dot{background:0 0;border-radius:50%;width:.375rem;height:.375rem}:where(.migrate-page) .migrate-mock__step[data-state=done] .migrate-mock__ring{border-color:var(--od-success-signal);background:var(--od-success-soft)}:where(.migrate-page) .migrate-mock__step[data-state=done] .migrate-mock__dot{background:var(--od-success-signal)}:where(.migrate-page) .migrate-mock__step[data-state=now] .migrate-mock__ring{border-color:var(--od-action);background:var(--od-action-soft)}:where(.migrate-page) .migrate-mock__step[data-state=now] .migrate-mock__dot{background:var(--od-action)}:where(.migrate-page) .migrate-mock__label{min-width:0;color:var(--od-text);flex:1}:where(.migrate-page) .migrate-mock__step[data-state=todo] .migrate-mock__label{color:var(--od-text-muted)}:where(.migrate-page) .migrate-mock__meta{color:var(--od-text-muted);font-family:var(--od-font-mono);white-space:nowrap;font-size:.6875rem}:where(.migrate-page) .migrate-mock__stats{border-top:1px solid var(--od-border);color:var(--od-text-muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding-top:1rem;font-size:.75rem;display:grid}:where(.migrate-page) .migrate-mock__stats>div{flex-direction:column;gap:.125rem;display:flex}:where(.migrate-page) .migrate-mock__stats dt{color:var(--od-text);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}:where(.migrate-page) .migrate-mock__stats dd{margin:0}:where(.migrate-page) .migrate-steps[data-layout=list] li{grid-template-columns:3.5rem minmax(0,1fr);padding:1.5rem 0}:where(.migrate-page) .migrate-steps .steps__number{font-size:.75rem}:where(.migrate-page) .migrate-steps .steps__title{font-weight:700}:where(.migrate-page) .migrate-why{border-radius:var(--od-radius-panel);background:var(--od-bg);color:var(--od-text);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2.5rem,5vw,4rem);padding:clamp(2rem,4.5vw,4rem);display:grid;position:relative;overflow:hidden}:where(.migrate-page) .migrate-why__glow{background:radial-gradient(circle, color-mix(in srgb, var(--od-action) 22%, transparent), transparent 66%);pointer-events:none;border-radius:50%;width:50%;height:160%;position:absolute;top:-40%;right:-10%}:where(.migrate-page) .migrate-why__copy,:where(.migrate-page) .migrate-why__tiles{min-width:0;position:relative}:where(.migrate-page) .migrate-why__copy h2{font-size:clamp(2rem, 4vw, var(--od-font-size-8));letter-spacing:-.035em;text-wrap:pretty;margin:1rem 0 0;font-weight:700;line-height:1.05}:where(.migrate-page) .migrate-why__body{max-width:29rem;color:var(--od-text-muted);text-wrap:pretty;margin:1.25rem 0 0;font-size:1.0625rem;line-height:1.55}:where(.migrate-page) .migrate-why__action{min-height:2.75rem;color:var(--od-action-content);align-items:center;gap:.25rem;margin-top:.875rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}:where(.migrate-page) .migrate-why__action:hover{text-decoration:underline}:where(.migrate-page) .migrate-why__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}:where(.migrate-page) .migrate-why__tiles>div{border:1px solid var(--od-border);border-radius:var(--od-radius-component);background:var(--od-surface);padding:1.25rem}:where(.migrate-page) .migrate-why__tiles dt{font-size:.9375rem;font-weight:600}:where(.migrate-page) .migrate-why__tiles dd{color:var(--od-text-muted);margin:.375rem 0 0;font-size:.8125rem;line-height:1.5}:where(.migrate-page) .migrate-form.split{grid-template-columns:minmax(0,1fr) minmax(0,30rem)}@media (width<=980px){:where(.migrate-page) .migrate-mock{margin-left:0}:where(.migrate-page) .migrate-why,:where(.migrate-page) .migrate-form.split{grid-template-columns:1fr}}@media (width<=700px){:where(.migrate-page) .migrate-why__tiles{grid-template-columns:1fr}:where(.migrate-page) .migrate-steps[data-layout=list] li{grid-template-columns:2.5rem minmax(0,1fr)}}@media (width<=420px){:where(.migrate-page) .migrate-mock__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}:where(.migrate-page) .migrate-mock__step{flex-wrap:wrap}}:where(.migrate-page) .migrate-platforms{border-top:1px solid var(--od-border-strong);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:0 2rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}:where(.migrate-page) .migrate-platforms li{border-bottom:1px solid var(--od-border)}:where(.migrate-page) .migrate-platforms a{min-height:3rem;color:var(--od-text);align-items:center;font-weight:600;text-decoration:none;display:flex}:where(.migrate-page) .migrate-platforms a:hover{color:var(--od-action-content)}:where(.migrate-page) .migrate-platforms a:focus-visible,:where(.migrate-page) .migrate-platforms__all a:focus-visible{outline:2px solid var(--od-focus);outline-offset:2px}:where(.migrate-page) .migrate-platforms__all{margin:1.5rem 0 0}:where(.migrate-page) .migrate-platforms__all a{min-height:44px;color:var(--od-action-content);text-underline-offset:.2em;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}