/* Colour-only layer. Reference: mobile-1c and site-shared/homepage.css.
   Keep this landing's typography, spacing, geometry and artwork intact. */
.migration-page { color: #202936; }
.migration {
  --ink: #202936;
  --muted: #627084;
  --red: #c72f38;
  --line: #dce3eb;
  --brand-blue: #7898c5;
  --brand-blue-ink: #4c678c;
  --brand-soft: #f2f5f9;
  --brand-tint: #e9eff7;
}
.migration :focus-visible { outline-color: var(--red); }
.migration .hero { background: #f7f8fa; border-color: var(--line); }
.migration .direction-bar { border-color: #e5e9ef; }
.migration .direction-bar > span,
.migration .eyebrow,
.migration .hero-lead { color: var(--muted); }
.migration .direction-options button { border-color: #d8dfe8; color: #5b687a; }
.migration .direction-options button:hover { background: var(--brand-tint); }
.migration .direction-options button[aria-pressed=true] { background: var(--ink); border-color: var(--ink); color: #fff; }
.migration h1 span { color: #7b8798; }
.migration .point { border-color: #cbd3dd; }
.migration .scene-after .point { background: var(--brand-blue-ink); border-color: var(--brand-blue-ink); }
.migration .scene-heading small { color: #737d8b; }
.migration .system-scene { background: #fff; border-color: #e1e5eb; }
.migration .scene-after.system-scene { background: #eef3f9; border-color: #d3deed; }
.migration .generated-art > span { border-color: #d6dee9; color: var(--brand-blue-ink); }
.migration .benefit-list li { color: #5d6571; }
.migration .negative li::before { background: #fae9eb; color: #b72d36; }
.migration .positive li { color: #384c67; }
.migration .positive li::before { background: #dce7f4; color: var(--brand-blue-ink); }
.migration .benefit-caption,
.migration .route-foot { color: #737f8e; }
.migration .live-dot { background: var(--brand-blue); box-shadow: 0 0 0 4px #7898c51a; }
.migration .route svg path { stroke: var(--brand-blue); }
.migration .button:hover { background: #ad252e; }
.migration .text-link { border-color: #acb9ca; }
.migration .text-link:hover { color: var(--red); border-color: var(--red); }
.migration .demo-section { background: var(--brand-tint); border-color: #d3deed; }
.migration .demo-copy > p:last-child,
.migration .demo-action > p { color: var(--muted); }
.migration .demo-price { color: #a32932; background: #f8e6e8; }
.migration .check-card { background: var(--brand-soft); border-color: #e0e5ec; }
.migration .check-card .check-number { color: #78889d; }
.migration .check-card p,
.migration .more > p,
.migration .more > div { color: var(--muted); }
.migration .check-card .check-answer { color: var(--brand-blue-ink); border-color: var(--line); }
.migration .process-section { background: #f5f7fa; border-color: #e3e8ef; }
.migration .continuity { background: var(--brand-tint); border-color: #d4dfed; }
.migration .continuity p { color: #5a6d86; }
.migration .project-stage { background: #fff; border-color: var(--line); }
.migration .stage-index { color: var(--brand-blue); }
.migration .stage-title > p,
.migration .stage-content ol { color: var(--muted); }
.migration .stage-content li::marker { color: var(--brand-blue-ink); }
.migration .stage-content strong { color: var(--ink); }
.migration .stage-result { color: #384e6b; border-color: var(--line); }
.migration .stage-result span,
.migration .parallel-note,
.migration .stage-footnote { color: #6e7f95; }
.migration .validation-levels { color: var(--brand-blue-ink); }
.migration .validation-levels span { background: #f0f4fa; border-color: #d9e3ef; }
.migration .validation-levels b { color: #8b9db5; }
.migration .go-live { background: #e4ecf6; }
.migration .go-live p:not(.eyebrow) { color: #5b6e87; }
.migration .go-live-result { border-color: #c9d6e7; }
.migration .message-bubble { background: var(--brand-soft); border-color: #d8e1ed; }
.migration .answer-bubble { background: #e3ecf7; color: #435f83; }
.migration .support-stamp { color: #728198; }
.migration .support-stamp b { color: var(--brand-blue-ink); }
.migration .support p:not(.eyebrow) { color: var(--muted); }
.migration .support .support-lead { color: #455b78 !important; }
.migration .contact-section { background: var(--ink); color: #f8f9fc; }
.migration .contact-section .eyebrow { color: #a9bcd7; }
.migration .contact-section p { color: #c1ccdb; }
.migration .self-start strong { color: #eef3fa; }
.migration .contact-grid form { background: #f7f9fc; }
.migration .contact-grid input,
.migration .contact-grid select { color: var(--ink); border-color: #cfd8e5; }
.migration .contact-grid .form-note { color: #6e7b8e; }
.migration .form-result { color: #435f83 !important; }

/* A single tilted phone, with straight, readable messenger bubbles inside. */
.support-chat-art{position:relative;padding:54px 18px 20px;display:flex;justify-content:center;isolation:isolate;min-width:0}
.support-chat-art::before{content:'';position:absolute;inset:95px -8px 45px;border-radius:50%;background:#eef3f9;z-index:-1}
.support-success{display:flex;align-items:center;gap:17px;margin-bottom:24px;color:#365d46;font-size:15px;font-weight:600;line-height:1.45}
.support-success-icon{display:grid;place-items:center;width:70px;height:70px;flex:0 0 70px;border-radius:50%;background:#e4f2e8;color:#278047;border:1px solid #d5e6da}
.support-success-icon svg{width:48px;height:48px}
.support-phone{width:290px;aspect-ratio:1 / 2.12;display:flex;flex-direction:column;border:5px solid #20242b;border-radius:42px;background:#f0f4fa;transform:rotate(-4deg);box-shadow:0 0 0 1px #79808a,0 0 0 3px #d1d5dc,9px 22px 36px #20293624;overflow:hidden;flex-shrink:0;color:#202936}
.support-phone-status{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;font-size:10px;font-weight:700;position:relative}
.support-phone-status i{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:72px;height:20px;border-radius:12px;background:#15181d}
.support-phone-status i::after{content:'';position:absolute;right:8px;top:6px;width:7px;height:7px;border-radius:50%;background:#273446;box-shadow:inset 0 0 0 2px #1c2532}
.support-phone-battery{width:19px;height:9px;border:1px solid #6c7684;border-radius:3px;position:relative;padding:1px;background:linear-gradient(#202936,#202936) content-box}
.support-phone-battery::after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:3px;border-radius:0 1px 1px 0;background:#6c7684}
.support-chat-header{display:flex;align-items:center;gap:8px;padding:8px 12px 13px;background:#fff;border-bottom:1px solid #e2e8f0}
.support-chat-back{font-size:27px;color:#6f88ac;line-height:1}
.support-chat-avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#c72f38;color:#fff;font-size:11px;font-weight:700}
.support-chat-header strong{display:block;font-size:13px;line-height:1.4}
.support-chat-header small{display:block;font-size:9px;color:#77869a}
.support-chat-menu{margin-left:auto;color:#8795a7;font-size:23px}
.support-chat-thread{padding:22px 13px 23px;display:flex;flex-direction:column;gap:20px;flex:1}
.support-chat-day{align-self:center;font-size:9px;color:#7b899b;margin-bottom:2px}
.support-chat-message{position:relative;max-width:91%;padding:12px 13px 8px;font-size:13px;line-height:1.55;box-shadow:0 2px 3px #20293605}
.support-chat-client{align-self:flex-end;background:#dce8f7;border-radius:15px 15px 4px 15px}
.support-chat-team{align-self:flex-start;background:#fff;border-radius:15px 15px 15px 4px}
.support-chat-team>strong{display:block;font-size:10px;color:#56769d;margin-bottom:5px;font-weight:600}
.support-chat-time{display:block;text-align:right;margin-top:5px;font-size:9px;color:#8292a6;line-height:1.2}
.support-chat-time b{color:#7898c5;font-size:10px;letter-spacing:-3px;margin-left:3px}
.support-chat-compose{display:flex;align-items:center;gap:9px;padding:11px 13px 9px;background:#fff;color:#99a4b3}
.support-chat-compose>span:first-child{font-size:22px;line-height:1}
.support-chat-compose>span:nth-child(2){flex:1;border:1px solid #e1e6ed;border-radius:18px;padding:6px 10px;font-size:10px}
.support-chat-compose>b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#7898c5;color:#fff;font-size:17px;font-weight:400}
.support-phone-home{height:22px;flex-shrink:0;background:#fff;position:relative}
.support-phone-home::after{content:'';position:absolute;width:85px;height:3px;background:#2b3441;border-radius:4px;left:50%;top:4px;transform:translateX(-50%)}
@media(max-width:1000px){.support-phone{width:280px}.support-chat-art{padding-inline:6px}.support-chat-badge{font-size:11px;padding:10px 12px}}
@media(max-width:700px){.support-chat-art{width:100%;max-width:355px;margin:auto;padding:54px 12px 20px}.support-chat-badge{left:0}.support-phone{width:min(280px,100%)}.support-chat-art::before{inset:100px 0 45px}}