/* BI migration page. Same brand as the home page; its own token layer so contrast-audit can check it. */
:root{--mg-c-forest:#082f29;--mg-c-forest-2:#0d3a33;--mg-c-forest-3:#1c403a;--mg-c-lime:#c7ef35;--mg-c-white:#ffffff;--mg-c-cream:#f7f6ef;--mg-c-pale:#dce3dc;--mg-c-mist:#d5dfd3;--mg-c-slate:#596762;--mg-c-sage:#9aad99;--mg-c-sage-2:#6d8a7e;--mg-c-green:#176b45;--mg-c-green-bg:#e4f3ea;--mg-c-green-lt:#8fe0ae;--mg-c-green-dk:#14493a;--mg-c-amber:#805500;--mg-c-amber-bg:#fbf1da;--mg-c-amber-lt:#f5d58a;--mg-c-amber-dk:#4a3c14}
:root{--mg-bg-hero:var(--mg-c-forest);--mg-bg-card:var(--mg-c-white);--mg-bg-band:var(--mg-c-cream);--mg-bg-good:var(--mg-c-green-bg);--mg-bg-wait:var(--mg-c-amber-bg);--mg-bg-cta:var(--mg-c-lime);--mg-fg-hero:var(--mg-c-white);--mg-fg-hero-muted:var(--mg-c-mist);--mg-fg-eyebrow:var(--mg-c-sage);--mg-fg-ink:var(--mg-c-forest);--mg-fg-muted:var(--mg-c-slate);--mg-fg-good:var(--mg-c-green);--mg-fg-wait:var(--mg-c-amber);--mg-fg-on-cta:var(--mg-c-forest);--mg-line-base:var(--mg-c-pale);--mg-line-hero:var(--mg-c-sage-2)}
[data-theme=dark]{--mg-bg-hero:var(--mg-c-forest);--mg-bg-card:var(--mg-c-forest-2);--mg-bg-band:var(--mg-c-forest-3);--mg-bg-good:var(--mg-c-green-dk);--mg-bg-wait:var(--mg-c-amber-dk);--mg-bg-cta:var(--mg-c-lime);--mg-fg-hero:var(--mg-c-white);--mg-fg-hero-muted:var(--mg-c-mist);--mg-fg-eyebrow:var(--mg-c-sage);--mg-fg-ink:var(--mg-c-white);--mg-fg-muted:var(--mg-c-mist);--mg-fg-good:var(--mg-c-green-lt);--mg-fg-wait:var(--mg-c-amber-lt);--mg-fg-on-cta:var(--mg-c-forest);--mg-line-base:var(--mg-c-sage-2);--mg-line-hero:var(--mg-c-sage-2)}

.mig-page .nav{position:absolute}
.mig-hero{background:var(--mg-bg-hero);color:var(--mg-fg-hero);padding:170px 0 96px}
.mig-hero .eyebrow{color:var(--mg-fg-eyebrow)}
.mig-hero h1{font-size:clamp(2.6rem,5.6vw,5rem);color:var(--mg-fg-hero)}
.mig-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.mig-deck{margin-top:26px;color:var(--mg-fg-hero-muted);font-size:19px}
.mig-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:34px}
.mig-actions .textlink{color:var(--mg-fg-hero)}
.mig-small{margin-top:18px;font-size:14px;color:var(--mg-fg-hero-muted)}
.mig-card{margin:0;background:var(--mg-bg-card);color:var(--mg-fg-ink);border-radius:18px;padding:22px;display:grid;gap:16px;box-shadow:0 30px 80px rgb(4 28 24/.35)}
.mig-card-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-weight:700;font-size:17px}
.mig-tag{font:400 12px/1.6 'IBM Plex Mono',monospace;padding:2px 10px;border-radius:999px;background:var(--mg-bg-wait);color:var(--mg-fg-wait)}
.mig-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mig-tiles div{border:1px solid var(--mg-line-base);border-radius:10px;padding:10px 12px}
.mig-tiles p{font-size:13px;color:var(--mg-fg-muted)}
.mig-tiles b{font-size:24px;letter-spacing:-.02em}
.mig-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.mig-table th{text-align:left;font-size:12.5px;font-weight:600;color:var(--mg-fg-muted);padding:6px 6px 6px 0;border-bottom:1px solid var(--mg-line-base)}
.mig-table td{padding:8px 6px 8px 0;border-bottom:1px solid var(--mg-line-base);vertical-align:top}
.mig-table .n{text-align:right;white-space:nowrap;padding-left:8px;padding-right:0}
.mig-why{display:block;font-size:12.5px;color:var(--mg-fg-muted);max-width:30ch}
.mig-ok,.mig-exp{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--mg-bg-good);color:var(--mg-fg-good)}
.mig-exp{background:var(--mg-bg-wait);color:var(--mg-fg-wait)}
.mig-steps{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:mg}
.mig-steps li{counter-increment:mg;border-top:2px solid var(--mg-fg-ink);padding-top:18px}
.mig-steps li::before{content:'0' counter(mg);font:400 13px/1 'IBM Plex Mono',monospace;color:var(--mg-fg-muted);display:block;margin-bottom:14px}
.mig-steps h3,.mig-keep h3{color:var(--mg-fg-ink);margin-bottom:8px}
.mig-steps p,.mig-keep p,.mig-faq p{color:var(--mg-fg-muted);font-size:16px}
.mig-keep-section{background:var(--mg-bg-band)}
.mig-keep-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.mig-keep{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}
.mig-faq{margin-top:40px;display:grid;border-top:1px solid var(--mg-line-base)}
.mig-faq details{border-bottom:1px solid var(--mg-line-base);padding:18px 0}
.mig-faq summary{cursor:pointer;font-weight:700;font-size:18px;color:var(--mg-fg-ink);min-height:44px;display:flex;align-items:center}
.mig-faq details p{margin-top:8px;max-width:62ch}
.mig-cta{background:var(--mg-bg-cta);color:var(--mg-fg-on-cta);padding:80px 0}
.mig-cta h2{color:var(--mg-fg-on-cta)}
.mig-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.mig-cta .pill{background:var(--mg-fg-on-cta);color:var(--mg-bg-cta)}
@media(max-width:1050px){.mig-hero-grid,.mig-keep-grid{grid-template-columns:1fr}.mig-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mig-hero{padding:130px 0 64px}.mig-hero .wrap,.mig-page .section .wrap,.mig-cta .wrap{width:calc(100% - 32px)}.mig-steps,.mig-keep{grid-template-columns:1fr}.mig-card{padding:16px}.mig-tiles b{font-size:20px}.mig-cta{padding:56px 0}}