/* Reference styles shared by the Chorus and Fathom migrations. */
.migration-page .migration-style-1 { position: relative; padding: clamp(48px, 6vw, 78px) clamp(20px, 4vw, 32px) clamp(56px, 7vw, 96px); background: radial-gradient(1100px 520px at 82% 8%, rgb(231, 228, 250) 0%, rgba(248, 247, 245, 0) 62%), radial-gradient(800px 460px at 12% 30%, rgb(228, 233, 251) 0%, rgba(248, 247, 245, 0) 60%), rgb(248, 247, 245); }
.migration-page .migration-style-2 { max-width: 1240px; margin: 0px auto; }
.migration-page .migration-style-3 { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 22px; }
.migration-page .migration-style-4 { display: inline-flex; padding: 8px 20px; border: 1px solid rgb(199, 194, 242); border-radius: 999px; font-size: 14px; font-weight: 500; letter-spacing: 0.06em; color: rgb(91, 87, 214); background: rgba(255, 255, 255, 0.6); }
.migration-page .migration-style-5 { margin: 0px; max-width: 980px; font-size: clamp(34px, 6vw, 66px); line-height: 1.06; font-weight: 700; letter-spacing: -0.035em; color: rgb(11, 10, 31); text-wrap: balance; }
.migration-page .migration-style-6 { background: linear-gradient(100deg, rgb(42, 58, 176), rgb(107, 102, 228) 55%, rgb(154, 149, 245)) text; color: transparent; }
.migration-page .migration-style-7 { margin: 0px; max-width: 760px; font-size: clamp(16px, 2vw, 19px); line-height: 1.62; color: rgb(85, 86, 106); }
.migration-page .migration-style-8 { display: flex; align-items: center; gap: 14px; margin-top: 8px; flex-wrap: wrap; justify-content: center; }
.migration-page .migration-style-9 { display: inline-flex; align-items: center; padding: 16px clamp(22px, 3vw, 34px); border-radius: 999px; background: rgb(91, 87, 214); color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; box-shadow: rgba(91, 87, 214, 0.32) 0px 10px 26px; }
.migration-page .migration-style-10 { display: inline-flex; align-items: center; gap: 8px; padding: 16px clamp(20px, 3vw, 30px); border-radius: 999px; border: 1.5px solid rgb(211, 207, 232); background: rgb(255, 255, 255); color: rgb(11, 10, 31); font-size: 16px; font-weight: 600; }
.migration-page .migration-style-11 { margin: 2px 0px 0px; font-size: 14px; color: rgb(123, 124, 142); }
.migration-page .migration-style-12 { padding: clamp(72px, 9vw, 120px) clamp(20px, 4vw, 32px); background: rgb(255, 255, 255); border-top: 1px solid rgb(240, 238, 246); }
.migration-page .migration-style-13 { text-align: center; max-width: 820px; margin: 0px auto; }
.migration-page .migration-style-14 { display: inline-flex; padding: 10px 24px; border-radius: 999px; background: rgb(239, 237, 251); border: 1px solid rgb(220, 216, 246); font-size: 15px; font-weight: 600; letter-spacing: 0.04em; color: rgb(91, 87, 214); }
.migration-page .migration-style-15 { margin: 22px 0px 0px; font-size: clamp(28px, 4.4vw, 44px); line-height: 1.14; font-weight: 700; letter-spacing: -0.03em; color: rgb(11, 10, 31); text-wrap: balance; }
.migration-page .migration-style-16 { margin-top: 44px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; }
.migration-page .migration-style-17 { background: rgb(248, 247, 252); border: 1px solid rgb(237, 235, 246); border-radius: 20px; padding: 28px; }
.migration-page .migration-style-18 { width: 38px; height: 38px; border-radius: 12px; background: rgb(239, 237, 251); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.migration-page .migration-style-19 { margin: 0px; font-size: 19px; font-weight: 600; letter-spacing: -0.02em; color: rgb(11, 10, 31); }
.migration-page .migration-style-20 { margin: 10px 0px 0px; font-size: 15px; line-height: 1.62; color: rgb(91, 92, 112); }
.migration-page .migration-style-21 { padding: clamp(48px, 6vw, 80px) clamp(20px, 4vw, 32px); background: rgb(248, 247, 245); border-top: 1px solid rgb(240, 238, 246); }
.migration-page .migration-style-22 { border-radius: 28px; padding: clamp(36px, 5vw, 56px) clamp(26px, 5vw, 60px); background: linear-gradient(135deg, rgb(28, 42, 142) 0%, rgb(58, 56, 184) 52%, rgb(91, 87, 214) 100%); box-shadow: rgba(28, 42, 142, 0.22) 0px 30px 70px; }
.migration-page .migration-style-23 { max-width: 900px; }
.migration-page .migration-style-24 { margin: 0px; font-size: clamp(24px, 3vw, 32px); line-height: 1.2; font-weight: 700; letter-spacing: -0.025em; color: rgb(255, 255, 255); }
.migration-page .migration-style-25 { margin: 16px 0px 0px; font-size: clamp(18px, 2.2vw, 22px); line-height: 1.55; font-weight: 500; color: rgb(255, 255, 255); text-wrap: pretty; }
.migration-page .migration-style-26 { padding: clamp(56px, 7vw, 96px) clamp(20px, 4vw, 32px); background: linear-gradient(rgb(248, 247, 245), rgb(242, 240, 250)); }
.migration-page .migration-style-27 { display: inline-flex; padding: 7px 18px; border-radius: 999px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 223, 240); font-size: 13px; font-weight: 600; color: rgb(91, 87, 214); }
.migration-page .migration-style-28 { margin: 20px 0px 0px; font-size: clamp(28px, 4.4vw, 44px); line-height: 1.14; font-weight: 700; letter-spacing: -0.03em; color: rgb(11, 10, 31); }
.migration-page .migration-style-29 { margin: 18px 0px 0px; font-size: clamp(15.5px, 1.9vw, 17.5px); line-height: 1.66; color: rgb(85, 86, 106); }
.migration-page .migration-style-30 { margin-top: 44px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 20px; }
.migration-page .migration-style-31 { background: rgb(255, 255, 255); border: 1px solid rgb(234, 231, 243); border-radius: 24px; overflow: hidden; }
.migration-page .migration-style-32 { padding: 22px 28px; border-bottom: 1px solid rgb(241, 239, 247); font-size: 15px; font-weight: 600; color: rgb(110, 111, 130); }
.migration-page .migration-style-33 { padding: 8px 28px 22px; }
.migration-page .migration-style-34 { padding: 17px 0px; border-bottom: 1px solid rgb(245, 243, 250); font-size: 16px; line-height: 1.55; color: rgb(85, 86, 106); }
.migration-page .migration-style-35 { border-radius: 24px; overflow: hidden; background: linear-gradient(150deg, rgb(31, 46, 150) 0%, rgb(74, 69, 198) 58%, rgb(124, 119, 232) 100%); box-shadow: rgba(31, 46, 150, 0.22) 0px 26px 60px; }
.migration-page .migration-style-36 { padding: 22px 28px; border-bottom: 1px solid rgba(255, 255, 255, 0.18); display: flex; align-items: center; gap: 10px; }
.migration-page .migration-style-37 { font-size: 15px; font-weight: 700; color: rgb(255, 255, 255); }
.migration-page .migration-style-38 { padding: 17px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); font-size: 16px; line-height: 1.55; font-weight: 500; color: rgb(255, 255, 255); }
.migration-page .migration-style-39 { margin: 36px 0px 0px; text-align: center; font-size: clamp(18px, 2.4vw, 22px); font-weight: 600; letter-spacing: -0.02em; color: rgb(11, 10, 31); }
.migration-page .migration-style-40 { padding: clamp(56px, 7vw, 96px) clamp(20px, 4vw, 32px); background: rgb(255, 255, 255); }
.migration-page .migration-style-41 { text-align: center; max-width: 800px; margin: 0px auto; }
.migration-page .migration-style-42 { display: inline-flex; padding: 7px 18px; border-radius: 999px; background: rgb(239, 237, 251); font-size: 13px; font-weight: 600; color: rgb(91, 87, 214); }
.migration-page .migration-style-43 { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.migration-page .migration-style-44 { padding: 11px 22px; border-radius: 999px; font-size: 14.5px; font-weight: 600; cursor: pointer; border: 1px solid rgb(91, 87, 214); color: rgb(255, 255, 255); background: rgb(91, 87, 214); }
.migration-page .migration-style-45 { padding: 11px 22px; border-radius: 999px; font-size: 14.5px; font-weight: 600; cursor: pointer; border: 1px solid rgb(226, 223, 240); color: rgb(85, 86, 106); background: rgb(255, 255, 255); }
.migration-page .migration-style-46 { margin-top: 28px; display: flex; flex-direction: column; gap: 16px; }
.migration-page .migration-style-47 { border: 1px solid rgb(234, 231, 243); border-radius: 22px; overflow: hidden; background: rgb(251, 250, 253); }
.migration-page .migration-style-48 { padding: 20px 28px; border-bottom: 1px solid rgb(241, 239, 247); display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.migration-page .migration-style-49 { font-size: 18px; font-weight: 600; letter-spacing: -0.02em; color: rgb(11, 10, 31); }
.migration-page .migration-style-50 { padding: 4px 12px; border-radius: 999px; background: rgb(239, 237, 251); font-size: 11.5px; font-weight: 600; letter-spacing: 0.06em; color: rgb(91, 87, 214); }
.migration-page .migration-style-51 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.migration-page .migration-style-52 { padding: 24px 28px; border-right: 1px solid rgb(241, 239, 247); }
.migration-page .migration-style-53 { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; color: rgb(138, 139, 156); margin-bottom: 10px; }
.migration-page .migration-style-54 { margin: 0px; font-size: 15.5px; line-height: 1.64; color: rgb(85, 86, 106); }
.migration-page .migration-style-55 { padding: 24px 28px; background: rgb(255, 255, 255); }
.migration-page .migration-style-56 { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; color: rgb(91, 87, 214); margin-bottom: 10px; }
.migration-page .migration-style-57 { margin: 0px; font-size: 15.5px; line-height: 1.64; color: rgb(44, 45, 64); font-weight: 500; }
.migration-page .migration-style-58 { padding: clamp(56px, 7vw, 96px) clamp(20px, 4vw, 32px); background: linear-gradient(rgb(255, 255, 255), rgb(242, 240, 250)); }
.migration-page .migration-style-59 { margin-top: 44px; background: rgb(255, 255, 255); border: 1px solid rgb(231, 228, 243); border-radius: 24px; overflow: hidden; }
.migration-page .migration-style-60 { width: 100%; border-collapse: collapse; text-align: left; }
.migration-page .migration-style-61 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
.migration-page .migration-style-62 { background: rgb(251, 250, 253); }
.migration-page .migration-style-63 { width: 24%; vertical-align: top; padding: 20px 24px; border-bottom: 1px solid rgb(231, 228, 243); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; color: rgb(138, 139, 156); }
.migration-page .migration-style-64 { width: 38%; vertical-align: top; padding: 20px 24px; border-bottom: 1px solid rgb(231, 228, 243); background: rgb(246, 245, 253); }
.migration-page .migration-style-65 { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.migration-page .migration-style-66 { font-size: 17px; font-weight: 700; letter-spacing: -0.02em; color: rgb(11, 10, 31); }
.migration-page .migration-style-67 { padding: 4px 12px; border-radius: 999px; background: rgb(239, 237, 251); border: 1px solid rgb(220, 216, 246); font-size: 11.5px; font-weight: 600; letter-spacing: 0.04em; color: rgb(91, 87, 214); }
.migration-page .migration-style-68 { width: 38%; vertical-align: top; padding: 20px 24px; border-bottom: 1px solid rgb(231, 228, 243); font-size: 17px; font-weight: 700; letter-spacing: -0.02em; color: rgb(11, 10, 31); }
.migration-page .migration-style-69 { vertical-align: top; padding: 18px 24px; border-bottom: 1px solid rgb(241, 239, 247); font-size: 15px; font-weight: 600; line-height: 1.5; color: rgb(11, 10, 31); }
.migration-page .migration-style-70 { vertical-align: top; padding: 18px 24px; border-bottom: 1px solid rgb(241, 239, 247); background: rgb(246, 245, 253); font-size: 15.5px; line-height: 1.5; font-weight: 500; color: rgb(44, 45, 64); }
.migration-page .migration-style-71 { vertical-align: top; padding: 18px 24px; border-bottom: 1px solid rgb(241, 239, 247); font-size: 15.5px; line-height: 1.5; color: rgb(85, 86, 106); }
.migration-page .migration-style-72 { padding: clamp(56px, 7vw, 96px) clamp(20px, 4vw, 32px); background: linear-gradient(rgb(242, 240, 250), rgb(248, 247, 245)); }
.migration-page .migration-style-73 { max-width: 1100px; margin: 0px auto; }
.migration-page .migration-style-74 { text-align: center; max-width: 780px; margin: 0px auto; }
.migration-page .migration-style-75 { margin: 20px 0px 0px; font-size: clamp(26px, 4vw, 42px); line-height: 1.15; font-weight: 700; letter-spacing: -0.03em; color: rgb(11, 10, 31); }
.migration-page .migration-style-76 { margin-top: 40px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 18px; }
.migration-page .migration-style-77 { background: rgb(255, 255, 255); border: 1px solid rgb(234, 231, 243); border-radius: 20px; padding: 28px; }
.migration-page .migration-style-78 { margin: 0px; font-size: 18px; font-weight: 600; letter-spacing: -0.02em; color: rgb(11, 10, 31); }
.migration-page .migration-style-79 { margin-top: 44px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 20px; }
.migration-page .migration-style-80 { background: rgb(248, 247, 252); border: 1px solid rgb(237, 235, 246); border-radius: 20px; padding: 30px; }
.migration-page .migration-style-81 { width: 38px; height: 38px; border-radius: 12px; background: rgb(255, 255, 255); border: 1px solid rgb(231, 228, 243); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; font-size: 15px; font-weight: 700; color: rgb(91, 87, 214); }
.migration-page .migration-style-82 { padding: 0px clamp(20px, 4vw, 32px) clamp(56px, 7vw, 96px); background: linear-gradient(rgb(241, 239, 249), rgb(241, 239, 249) 40%, rgb(255, 255, 255) 40%); }
.migration-page .migration-style-83 { max-width: 1240px; margin: 0px auto; border-radius: 32px; padding: clamp(48px, 7vw, 80px) clamp(26px, 5vw, 60px); text-align: center; background: linear-gradient(135deg, rgb(28, 42, 142) 0%, rgb(58, 56, 184) 50%, rgb(124, 119, 232) 100%); box-shadow: rgba(28, 42, 142, 0.26) 0px 34px 80px; }
.migration-page .migration-style-84 { display: inline-flex; padding: 8px 20px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.34); font-size: 13.5px; font-weight: 500; letter-spacing: 0.04em; color: rgb(255, 255, 255); }
.migration-page .migration-style-85 { margin: 24px auto 0px; max-width: 860px; font-size: clamp(30px, 5vw, 50px); line-height: 1.1; font-weight: 700; letter-spacing: -0.035em; color: rgb(255, 255, 255); text-wrap: balance; }
.migration-page .migration-style-86 { margin: 22px auto 0px; max-width: 680px; font-size: clamp(16px, 2vw, 18px); line-height: 1.66; color: rgba(255, 255, 255, 0.85); }
.migration-page .migration-style-87 { margin-top: 34px; display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.migration-page .migration-style-88 { display: inline-flex; align-items: center; padding: 18px 40px; border-radius: 999px; background: rgb(255, 255, 255); color: rgb(31, 46, 150); font-size: 17px; font-weight: 700; box-shadow: rgba(10, 14, 60, 0.24) 0px 14px 34px; }
.migration-page .migration-style-89 { display: inline-flex; align-items: center; padding: 18px 34px; border-radius: 999px; border: 1.5px solid rgba(255, 255, 255, 0.45); color: rgb(255, 255, 255); font-size: 17px; font-weight: 600; }
.migration-page .migration-style-90 { margin: 18px 0px 0px; font-size: 14px; color: rgba(255, 255, 255, 0.72); }
/* Shared chrome is fixed; clear it while retaining the source hero rhythm. */
.migration-page { overflow-x: visible; }
.migration-main { line-height: normal; }
.migration-main *, .migration-main *::before, .migration-main *::after { box-sizing: border-box; }
.migration-main a { text-decoration: none; }
.migration-main > #top { padding-top: clamp(120px, 11vw, 152px); }
.migration-main section { scroll-margin-top: 90px; }
.migration-main .cmp-filters[hidden], .migration-main .cmp-row[hidden] { display: none; }
.migration-main .cmp-filter { font-family: inherit; line-height: normal; transition: background .2s, color .2s, border-color .2s; }
.migration-main .cmp-filter.is-active { background: #5b57d6; color: #fff; border-color: #5b57d6; }
.migration-main .cmp-filter:not(.is-active) { background: #fff; color: #55566a; border-color: #e2dff0; }
.migration-main .migration-button { justify-content: center; text-align: center; transition: transform .2s, box-shadow .2s; }
.migration-main .migration-button:hover { transform: translateY(-2px); }
.migration-main :is(a, button, summary):focus-visible { outline: 3px solid #8993d4; outline-offset: 5px; }
.migration-main .salesmanai-new-faq { line-height: 1.5; }
@media (max-width: 700px) {
 .migration-main > #top { padding-top: 112px; }
 .migration-main #top .migration-button, .migration-main #cta .migration-button { width: 100%; }
 .migration-main #top h1 { font-size: clamp(32px, 8.5vw, 44px); }
 .migration-pricing-table thead { display: none; }
 .migration-pricing-table, .migration-pricing-table tbody, .migration-pricing-table tr, .migration-pricing-table th, .migration-pricing-table td { display: block; width: 100%; }
 .migration-page .migration-pricing-table tbody th { padding: 18px 20px 12px; background: #fbfafd; }
 .migration-page .migration-pricing-table td { padding: 16px 20px; }
 .migration-pricing-table td::before { content: attr(data-label); display: block; font-size: 12px; font-weight: 700; letter-spacing: .06em; margin-bottom: 8px; color: #5b57d6; }
 .migration-pricing-table tr + tr { border-top: 1px solid #e7e4f3; }
}
@media (prefers-reduced-motion: reduce) {
 .migration-main *, .migration-main *::before, .migration-main *::after { animation: none; transition: none; }
 .migration-main .migration-button:hover { transform: none; }
}

/* Use the site’s original light logo lockup on the comparison card. */
.migration-page .migration-brand-header { padding: 14px 28px; }
.migration-page .migration-brand-logo { display: block; width: 144px; max-width: 100%; height: auto; }