/* Zendesk → Zoho Desk migration page only. Loaded via `extra: crm, p-mig-zd`. Every class is scoped .pmzd- */
.pmzd-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.pmzd-ic { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* ================= hero: ticket conveyor ================= */
.pmzd-hero .pmzd-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.pmzd-hero .pg-h1 { max-width: 16ch; }
.pmzd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; max-width: 600px; }
.pmzd-chips li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px 8px 9px; border-radius: 999px; background: #fff; border: 1px solid #D9E4EE; box-shadow: 0 8px 18px -14px rgba(8,34,56,.5); font: 600 13.5px/1.25 var(--f-body); color: #082238; }
.pmzd-chips .pmzd-ic { width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: #E3F1FB; color: #0A6FA8; box-sizing: border-box; }

.pmzd-belt { position: relative; margin: 0; min-width: 0; }
.pmzd-belt__body { position: relative; display: grid; gap: 14px; padding: 18px; border-radius: 26px; background: rgba(255,255,255,.78); border: 1px solid #E2E8F0; box-shadow: 0 60px 100px -50px rgba(8,34,56,.5); backdrop-filter: blur(10px); }
.pmzd-belt__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pmzd-belt__head em { padding: 4px 9px; border-radius: 999px; background: #F3F7F9; font: 600 11px/1 var(--f-body); font-style: normal; color: #64748B; }
.pmzd-dock { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px 7px 7px; border-radius: 12px; background: #fff; border: 1px solid #E2E8F0; }
.pmzd-dock b { font: 700 13.5px/1 var(--f-display); color: #082238; }
.pmzd-mono { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: #1F3B44; color: #fff; font: 800 12px/1 var(--f-display); font-style: normal; }
.pmzd-dock--to { border-color: #BFE3F2; background: #F2FAFE; }

.pmzd-lane { display: grid; gap: 7px; }
.pmzd-lane__lbl { display: flex; align-items: center; gap: 7px; margin: 0; font: 600 12px/1.2 var(--f-body); letter-spacing: .02em; color: #475569; }
.pmzd-lane__lbl .pmzd-ic { width: 16px; height: 16px; color: var(--c); }
.pmzd-lane__rail { position: relative; height: 62px; border-radius: 14px; background: repeating-linear-gradient(90deg, #EDF2F6 0 10px, #F7FAFC 10px 20px); background-size: 20px 100%; border: 1px solid #E2E8F0; overflow: hidden; animation: pmzdRoll 1s linear infinite; }
@keyframes pmzdRoll { to { background-position: 20px 0; } }
.pmzd-lane__gate { position: absolute; left: 50%; top: 0; bottom: 0; z-index: 2; display: flex; align-items: flex-end; padding: 0 0 2px 6px; border-left: 2px dashed color-mix(in srgb, var(--c) 60%, #fff); white-space: nowrap; font: 700 9.5px/1 var(--f-body); letter-spacing: .05em; text-transform: uppercase; color: var(--c); }
.pmzd-tok { position: absolute; top: 6px; left: 0; z-index: 1; display: grid; width: min(62%, 250px); height: 38px; animation: pmzdRide var(--d) linear infinite; animation-delay: var(--o); }
.pmzd-tok b { grid-area: 1 / 1; display: flex; align-items: center; padding: 0 12px; border-radius: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 600 12.5px/1 var(--f-body); box-shadow: 0 10px 18px -12px rgba(8,34,56,.6); }
.pmzd-tok__a { background: #fff; color: #1F3B44; border: 1px solid #CBD5E1; animation: pmzdA var(--d) linear infinite; animation-delay: var(--o); }
.pmzd-tok__b { background: var(--c); color: #fff; animation: pmzdB var(--d) linear infinite; animation-delay: var(--o); }
.pmzd-lane--fix .pmzd-tok__b { background: repeating-linear-gradient(135deg, var(--c) 0 12px, color-mix(in srgb, var(--c) 86%, #000) 12px 24px); }
/* second token rides half a lap behind, so a rail is never empty */
.pmzd-tok--2, .pmzd-tok--2 b { animation-delay: calc(var(--o) - var(--d) / 2) !important; }
@keyframes pmzdRide { 0% { left: -64%; } 100% { left: 102%; } }
@keyframes pmzdA { 0%, 46% { opacity: 1; } 54%, 100% { opacity: 0; } }
@keyframes pmzdB { 0%, 46% { opacity: 0; transform: scale(.94); } 54%, 100% { opacity: 1; transform: none; } }
.pmzd-belt__count { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 2px 0 0; }
.pmzd-belt__count div { padding: 10px 12px; border-radius: 14px; background: #F7FAFC; border: 1px solid #EDF2F6; }
.pmzd-belt__count dt { font: 600 11px/1.2 var(--f-body); letter-spacing: .04em; text-transform: uppercase; color: #64748B; }
.pmzd-belt__count dd { margin: 4px 0 0; font: 800 20px/1 var(--f-display); color: #082238; font-variant-numeric: tabular-nums; }

/* ================= moves: three columns ================= */
.pmzd-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 36px; }
.pmzd-col { padding: 24px 22px; border-radius: 22px; background: #fff; border: 1px solid #E2E8F0; box-shadow: 0 30px 50px -44px rgba(8,34,56,.6); }
.pmzd-col__tag { display: inline-flex; align-items: center; gap: 7px; margin: 0; padding: 6px 11px 6px 7px; border-radius: 999px; font: 700 12.5px/1 var(--f-body); }
.pmzd-col__tag .pmzd-ic { width: 20px; height: 20px; padding: 3px; border-radius: 50%; box-sizing: border-box; color: #fff; }
.pmzd-col--in .pmzd-col__tag { background: #E3F1FB; color: #0A5A88; } .pmzd-col--in .pmzd-col__tag .pmzd-ic { background: #0A6FA8; }
.pmzd-col--fix .pmzd-col__tag { background: #FFEDDF; color: #9A3B06; } .pmzd-col--fix .pmzd-col__tag .pmzd-ic { background: #EA580C; }
.pmzd-col--out .pmzd-col__tag { background: #F1F5F9; color: #334155; } .pmzd-col--out .pmzd-col__tag .pmzd-ic { background: #64748B; }
.pmzd-col h3 { margin: 16px 0 12px; font: 700 19px/1.3 var(--f-display); color: #082238; }
.pmzd-col ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.pmzd-col li { position: relative; padding-left: 16px; font-size: 15px; line-height: 1.5; color: #334155; }
.pmzd-col li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; border-radius: 50%; background: #CBD5E1; }
.pmzd-col--in li::before { background: #0A6FA8; } .pmzd-col--fix li::before { background: #EA580C; }
.pmzd-col li b { color: #082238; }

/* ================= map ================= */
.pmzd-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 14px; }
.pmzd-filter button { padding: 9px 15px; border-radius: 999px; border: 1px solid #D5E1EA; background: #fff; font: 600 14px/1 var(--f-body); color: #334155; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.pmzd-filter button:hover { border-color: #00A3D9; }
.pmzd-filter button.is-on { background: #082238; border-color: #082238; color: #fff; }
.pmzd-map__wrap { overflow-x: auto; border-radius: 20px; border: 1px solid #E2E8F0; background: #fff; }
.pmzd-tbl { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 14.5px; line-height: 1.45; }
.pmzd-tbl th, .pmzd-tbl td { padding: 13px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid #EDF2F6; }
.pmzd-tbl thead th { position: sticky; top: 0; background: #F3F7F9; font: 700 12px/1.2 var(--f-body); letter-spacing: .05em; text-transform: uppercase; color: #64748B; }
.pmzd-tbl tbody th { font-weight: 700; color: #082238; width: 26%; }
.pmzd-tbl td { color: #334155; }
.pmzd-tbl td:last-child { color: #64748B; width: 38%; }
.pmzd-tbl tbody tr:last-child > * { border-bottom: 0; }
.pmzd-tbl tbody tr.is-hid { display: none; }
.pmzd-b { display: inline-block; margin: 0 8px 4px 0; padding: 4px 8px; border-radius: 6px; font: 700 11px/1 var(--f-body); letter-spacing: .03em; }
.pmzd-b--imp { background: #E3F1FB; color: #0A5A88; }
.pmzd-b--reb { background: #FFEDDF; color: #9A3B06; }
.pmzd-b--gap { background: #FDECEC; color: #A01A1A; }

/* ================= estimator (dark band) ================= */
.pmzd-est__box { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr); gap: 22px; margin-top: 36px; }
.pmzd-est__in { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 22px; border-radius: 22px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); }
.pmzd-f { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 12px; margin: 0; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); min-width: 0; }
.pmzd-f > span, .pmzd-f legend { font: 600 13.5px/1.3 var(--f-body); color: #CFE3F0; }
.pmzd-f output { grid-row: 1; grid-column: 2; font: 800 17px/1 var(--f-display); color: #fff; font-variant-numeric: tabular-nums; }
.pmzd-f input[type="range"] { grid-column: 1 / -1; width: 100%; accent-color: #FFB81C; }
.pmzd-f--set { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
.pmzd-f--set legend { float: left; width: 100%; margin-bottom: 4px; }
.pmzd-f--set label { position: relative; }
.pmzd-f--set input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.pmzd-f--set span { display: inline-block; padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(255,255,255,.24); font: 600 13.5px/1 var(--f-body); color: #E6F1F8; transition: background .2s, color .2s; }
.pmzd-f--set input:checked + span { background: #FFB81C; border-color: #FFB81C; color: #082238; }
.pmzd-f--set input:focus-visible + span { outline: 2px solid #5FD3F3; outline-offset: 2px; }
.pmzd-est__out { align-self: start; padding: 26px; border-radius: 22px; background: #fff; box-shadow: 0 40px 70px -40px rgba(0,0,0,.7); }
.pmzd-est__lbl { margin: 0; font: 700 12px/1 var(--f-body); letter-spacing: .06em; text-transform: uppercase; color: #64748B; }
.pmzd-est__pk { margin: 10px 0 0; font: 800 clamp(28px, 1.2rem + 1.4vw, 38px)/1.05 var(--f-display); letter-spacing: -.02em; color: #082238; }
.pmzd-est__meter { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); margin: 18px 0 16px; padding-top: 14px; }
.pmzd-est__meter::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 8px; border-radius: 99px; background: #EDF2F6; }
.pmzd-est__meter i { position: absolute; left: 0; top: 0; height: 8px; width: 50%; border-radius: 99px; background: linear-gradient(90deg, #00A3D9, #00B2A9, #FFB81C); transition: width .5s cubic-bezier(.2,.7,.1,1); }
.pmzd-est__meter span { font: 600 12px/1 var(--f-body); color: #94A3B8; text-align: center; }
.pmzd-est__meter span:first-of-type { text-align: left; } .pmzd-est__meter span:last-of-type { text-align: right; }
.pmzd-est__why { display: grid; gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; }
.pmzd-est__why li { position: relative; padding-left: 18px; font-size: 14.5px; line-height: 1.5; color: #334155; }
.pmzd-est__why li::before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; border-radius: 2px; background: #00A3D9; }
.pmzd-est__out .btn { width: 100%; justify-content: center; }
.pmzd-est__note { margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: #64748B; }

/* ================= packages ================= */
.pmzd-pk__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 36px; }
.pmzd-card { position: relative; display: flex; flex-direction: column; padding: 24px 22px; border-radius: 22px; background: #fff; border: 1px solid #E2E8F0; border-top: 4px solid var(--c); }
.pmzd-card--mid { box-shadow: 0 40px 60px -46px rgba(8,34,56,.7); }
.pmzd-card__tag { align-self: flex-start; margin: 0; padding: 6px 11px; border-radius: 999px; background: var(--bg, #F3F7F9); font: 700 12.5px/1 var(--f-body); color: var(--c, #082238); }
.pmzd-card h3 { margin: 14px 0 12px; font: 700 19px/1.3 var(--f-display); color: #082238; }
.pmzd-card ul { display: grid; gap: 8px; margin: 0 0 18px; padding: 0; list-style: none; }
.pmzd-card li { position: relative; padding-left: 22px; font-size: 14.5px; line-height: 1.5; color: #334155; }
.pmzd-card li::before { content: ""; position: absolute; left: 2px; top: .35em; width: 9px; height: 5px; border-left: 2px solid var(--c, #0A6FA8); border-bottom: 2px solid var(--c, #0A6FA8); transform: rotate(-45deg); }
.pmzd-card__fee { margin: auto 0 0; padding-top: 14px; border-top: 1px dashed #D5E1EA; font: 600 14px/1.4 var(--f-body); color: #082238; }
.pmzd-card--as { --c: #B45309; grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 6px 36px; align-items: start; background: linear-gradient(135deg, #FFF8E6, #fff 60%); border-color: #FFE0A0; border-top-color: #FFB81C; }
.pmzd-card--as .pmzd-card__tag { justify-self: start; background: #FFB81C; color: #082238; }
.pmzd-card--as > p:not(.pmzd-card__tag) { margin: 0; font-size: 15px; line-height: 1.6; color: #334155; }
.pmzd-card--as ul { grid-column: 2; grid-row: 1 / span 4; margin: 0; }
.pmzd-card--as li b { color: #082238; }
.pmzd-card--as .btn { justify-self: start; margin-top: 14px; }

/* ================= steps: channel timeline ================= */
.pmzd-tl { margin-top: 36px; padding: 22px; border-radius: 24px; background: #fff; border: 1px solid #E2E8F0; box-shadow: 0 40px 70px -56px rgba(8,34,56,.7); }
.pmzd-tl__phases { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.pmzd-tl__phases button { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; border-radius: 14px; border: 1px solid #E2E8F0; background: #F7FAFC; font: 700 14px/1.25 var(--f-display); color: #334155; text-align: left; cursor: pointer; transition: background .25s, color .25s, border-color .25s, transform .25s; }
.pmzd-tl__phases button span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: #E2E8F0; font: 800 12px/1 var(--f-display); color: #475569; }
.pmzd-tl__phases button:hover { transform: translateY(-2px); border-color: #9DD3EC; }
.pmzd-tl__phases button.is-on { background: #082238; border-color: #082238; color: #fff; }
.pmzd-tl__phases button.is-on span { background: #FFB81C; color: #082238; }
.pmzd-tl__phases button.is-done span { background: #00B2A9; color: #fff; }
.pmzd-tl__bar { position: relative; height: 4px; margin: 16px 0 20px; border-radius: 99px; background: #EDF2F6; }
.pmzd-tl__bar i { position: absolute; left: 0; top: 0; bottom: 0; width: 20%; border-radius: inherit; background: linear-gradient(90deg, #1D3F8F, #00A3D9, #00B2A9); transition: width .5s cubic-bezier(.2,.7,.1,1); }
.pmzd-tl__sum { margin: 0 0 16px; font: 600 17px/1.45 var(--f-display); color: #082238; max-width: 70ch; }
.pmzd-tl__ch { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.pmzd-tl__ch li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 10px; align-items: center; padding: 16px; border-radius: 16px; background: color-mix(in srgb, var(--c) 6%, #fff); border: 1px solid color-mix(in srgb, var(--c) 22%, #fff); animation: pmzdIn .45s cubic-bezier(.2,.7,.1,1) both; }
.pmzd-tl__ch li:nth-child(2) { animation-delay: .06s; } .pmzd-tl__ch li:nth-child(3) { animation-delay: .12s; } .pmzd-tl__ch li:nth-child(4) { animation-delay: .18s; }
@keyframes pmzdIn { from { opacity: 0; transform: translateY(10px); } }
.pmzd-tl__ch .pmzd-ic { width: 30px; height: 30px; padding: 6px; border-radius: 9px; box-sizing: border-box; background: var(--c); color: #fff; }
.pmzd-tl__ch b { font: 700 15px/1.2 var(--f-display); color: #082238; }
.pmzd-tl__ch span { grid-column: 1 / -1; font-size: 14.5px; line-height: 1.5; color: #334155; }
.pmzd-tl__panel[hidden] { display: none; }

/* ================= risks ================= */
.pmzd-risk__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 24px; margin-top: 32px; align-items: start; }
.pmzd-risk__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.pmzd-risk__list label { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; padding: 15px 16px; border-radius: 16px; background: #fff; border: 1px solid #E2E8F0; cursor: pointer; transition: border-color .25s, background .25s; }
.pmzd-risk__list input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: #0A6FA8; }
.pmzd-risk__list b { display: block; font: 700 15.5px/1.35 var(--f-display); color: #082238; }
.pmzd-risk__list em { display: block; max-height: 0; overflow: hidden; opacity: 0; font-style: normal; font-size: 14.5px; line-height: 1.55; color: #334155; transition: max-height .4s ease, opacity .3s, margin .3s; }
.pmzd-risk__list label:has(input:checked) { border-color: #9DD3EC; background: #F2FAFE; }
.pmzd-risk__list input:checked ~ span em { max-height: 160px; opacity: 1; margin-top: 6px; }
.pmzd-risk__side { position: sticky; top: 100px; display: grid; gap: 14px; }
.pmzd-risk__score { margin: 0; padding: 16px 18px; border-radius: 16px; background: #082238; font: 600 15px/1.45 var(--f-body); color: #fff; }
.pmzd-risk__score b { color: #FFB81C; }
.pmzd-pace { display: grid; gap: 12px; }
.pmzd-pace > div { padding: 18px; border-radius: 16px; background: #fff; border: 1px solid #E2E8F0; }
.pmzd-pace > div:first-child { border-left: 4px solid #00B2A9; } .pmzd-pace > div:last-child { border-left: 4px solid #EA580C; }
.pmzd-pace h3 { margin: 0 0 8px; font: 700 17px/1.2 var(--f-display); color: #082238; }
.pmzd-pace ul { display: grid; gap: 6px; margin: 0; padding: 0 0 0 18px; font-size: 14.5px; line-height: 1.5; color: #334155; }

/* ================= why ================= */
.pmzd-why { background: linear-gradient(180deg, #F3F7F9, #fff); }
.pmzd-why__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 64px); align-items: start; }
.pmzd-why__px { border-radius: 18px; overflow: hidden; border: 1px solid #E2E8F0; background: #fff; }
.pmzd-why__px > div { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); }
.pmzd-why__px span { padding: 12px 14px; border-bottom: 1px solid #EDF2F6; font-size: 14.5px; line-height: 1.35; color: #334155; }
.pmzd-why__px > div:last-child span { border-bottom: 0; }
.pmzd-why__h span { background: #F3F7F9; font: 700 11.5px/1.25 var(--f-body); letter-spacing: .04em; text-transform: uppercase; color: #64748B; }
.pmzd-why__px span:nth-child(3) { background: #F0FAF4; color: #0B5F3C; }
.pmzd-why__h span:nth-child(3) { background: #DFF3E8; color: #0B5F3C; }
.pmzd-why__px b { font: 800 17px/1 var(--f-display); color: #082238; }
.pmzd-why__list { display: grid; gap: 10px; margin: 18px 0 0; padding: 0 0 0 20px; font-size: 15px; line-height: 1.55; color: #334155; }
.pmzd-why__fair { margin: 16px 0 0; padding: 14px 16px; border-radius: 14px; background: #FFF8E6; border: 1px solid #FFE0A0; font-size: 14.5px; line-height: 1.55; color: #334155; }

/* ================= responsive ================= */
@media (max-width: 1080px) {
  .pmzd-hero .pmzd-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .pmzd-cols, .pmzd-pk__grid { grid-template-columns: minmax(0, 1fr); }
  .pmzd-card--as { grid-template-columns: minmax(0, 1fr); }
  .pmzd-card--as ul { grid-column: auto; grid-row: auto; }
  .pmzd-est__box, .pmzd-risk__grid, .pmzd-why__grid { grid-template-columns: minmax(0, 1fr); }
  .pmzd-tl__phases { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pmzd-tl__ch { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pmzd-risk__side { position: static; }
}
@media (max-width: 640px) {
  .pmzd-belt__body { padding: 12px; gap: 10px; }
  .pmzd-tok { width: 70%; }
  .pmzd-belt__count dd { font-size: 17px; }
  .pmzd-est__in { grid-template-columns: minmax(0, 1fr); padding: 14px; }
  .pmzd-tl { padding: 14px; }
  .pmzd-tl__phases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pmzd-tl__ch { grid-template-columns: minmax(0, 1fr); }
  .pmzd-why__px span { padding: 10px; font-size: 13.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .pmzd-lane__rail, .pmzd-tok, .pmzd-tok b, .pmzd-tl__ch li { animation: none !important; }
  .pmzd-tok { left: 34%; }
  .pmzd-tok--2 { display: none; }
  .pmzd-tok__a { opacity: 0; } .pmzd-tok__b { opacity: 1; }
}
.pmzd-why a { color: #0A6FA8; text-decoration: underline; text-underline-offset: 3px; }

/* ================= upgrade 2026-10: shared bits ================= */
.pmzd-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pmzd-mo { display: inline-block; padding: 2px 8px; border-radius: 6px; background: #FFF1D6; color: #8A4B00; font: 700 12.5px/1.4 var(--f-body); }
.pmzd-pf { display: grid; gap: 7px; margin: 0; min-width: 0; }
.pmzd-pf > span { font: 600 13.5px/1.3 var(--f-body); color: #334155; }
.pmzd-pf input[type="date"], .pmzd-pf select { width: 100%; min-width: 0; height: 46px; padding: 0 12px; border-radius: 12px; border: 1px solid #CBD5E1; background: #fff; font: 600 15px/1 var(--f-body); color: #082238; box-sizing: border-box; }
.pmzd-pf input:focus-visible, .pmzd-pf select:focus-visible { outline: 2px solid #00A3D9; outline-offset: 2px; }

/* ================= steps: 15 steps in 5 phases ================= */
.pmzd-st { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.pmzd-st li { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 10px; align-content: start; padding: 16px; border-radius: 16px; background: #F7FAFC; border: 1px solid #E2E8F0; animation: pmzdIn .45s cubic-bezier(.2,.7,.1,1) both; }
.pmzd-st li:nth-child(2) { animation-delay: .06s; } .pmzd-st li:nth-child(3) { animation-delay: .12s; } .pmzd-st li:nth-child(4) { animation-delay: .18s; } .pmzd-st li:nth-child(5) { animation-delay: .24s; }
.pmzd-st i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: #082238; color: #fff; font: 800 12.5px/1 var(--f-display); font-style: normal; }
.pmzd-st b { align-self: center; font: 700 15px/1.25 var(--f-display); color: #082238; }
.pmzd-st b small { margin-left: 4px; padding: 2px 6px; border-radius: 5px; background: #DFF3E8; color: #0B5F3C; font: 700 11px/1 var(--f-body); vertical-align: 2px; }
.pmzd-st span { grid-column: 1 / -1; font-size: 14.5px; line-height: 1.5; color: #334155; }
.pmzd-st li.is-mig { background: #FFFBF0; border-color: #FFE0A0; }
.pmzd-st li.is-mig i { background: #FFB81C; color: #082238; }
.pmzd-st li.is-mig::after { content: "Migration step"; position: absolute; top: 14px; right: 12px; padding: 3px 7px; border-radius: 6px; background: #FFF1D6; color: #8A4B00; font: 700 10.5px/1 var(--f-body); letter-spacing: .02em; }
.pmzd-st li.is-mig b { padding-right: 92px; }
.pmzd-tl__more { margin: 18px 0 0; }

/* ================= trust ================= */
.pmzd-trust { background: linear-gradient(180deg, #fff, #F3F8FB); }
.pmzd-trust__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.05fr); gap: 18px; margin-top: 34px; align-items: start; }
.pmzd-note, .pmzd-what, .pmzd-rep { margin: 0; padding: 24px 22px; border-radius: 22px; background: #fff; border: 1px solid #E2E8F0; box-shadow: 0 30px 50px -44px rgba(8,34,56,.6); }
.pmzd-badge { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 8px 13px 8px 9px; border-radius: 999px; background: #DFF3E8; color: #0B5F3C; font: 700 13px/1.25 var(--f-body); }
.pmzd-badge .pmzd-ic { width: 20px; height: 20px; }
.pmzd-note h3, .pmzd-what h3 { margin: 0 0 12px; font: 700 19px/1.3 var(--f-display); color: #082238; }
.pmzd-note p { margin: 0 0 12px; font-size: 15px; line-height: 1.6; color: #334155; }
.pmzd-note__sig { display: flex; align-items: center; gap: 12px; margin: 16px 0 0 !important; padding-top: 14px; border-top: 1px dashed #D5E1EA; }
.pmzd-note__faces { display: flex; flex: none; }
.pmzd-note__faces img { width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff; object-fit: cover; }
.pmzd-note__faces img + img { margin-left: -10px; }
.pmzd-note__sig b { display: block; font: 700 14.5px/1.3 var(--f-display); color: #082238; }
.pmzd-note__sig span:last-child { font-size: 12.5px; line-height: 1.4; color: #64748B; }
.pmzd-what ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.pmzd-what li { padding: 0 0 0 14px; border-left: 3px solid #00B2A9; }
.pmzd-what b { display: block; font: 700 15px/1.3 var(--f-display); color: #082238; }
.pmzd-what span { display: block; margin-top: 3px; font-size: 14.5px; line-height: 1.5; color: #334155; }
.pmzd-rep { padding: 20px; }
.pmzd-rep__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.pmzd-rep__head span { display: inline-flex; align-items: center; gap: 8px; font: 700 16px/1.2 var(--f-display); color: #082238; }
.pmzd-rep__head .pmzd-ic { color: #0A6FA8; }
.pmzd-rep__head em { padding: 4px 9px; border-radius: 999px; background: #FFF1D6; color: #8A4B00; font: 700 11px/1 var(--f-body); font-style: normal; letter-spacing: .03em; text-transform: uppercase; }
.pmzd-rep__tbl { width: 100%; border-collapse: collapse; font-size: 13.5px; font-variant-numeric: tabular-nums; }
.pmzd-rep__tbl th, .pmzd-rep__tbl td { padding: 8px 6px; border-bottom: 1px solid #EDF2F6; text-align: right; }
.pmzd-rep__tbl thead th { font: 700 10.5px/1.2 var(--f-body); letter-spacing: .05em; text-transform: uppercase; color: #64748B; }
.pmzd-rep__tbl tbody th, .pmzd-rep__tbl thead th:first-child { text-align: left; font-weight: 600; color: #082238; }
.pmzd-rep__tbl td { color: #334155; }
.pmzd-rep__tbl td:last-child { width: 26px; }
.pmzd-ok { width: 20px; height: 20px; padding: 3px; border-radius: 50%; background: #16A34A; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; box-sizing: border-box; vertical-align: middle; }
.pmzd-rep figcaption { margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; background: #F0FAF4; font: 600 14px/1.45 var(--f-body); color: #0B5F3C; }

/* ================= planner: Gantt ================= */
.pmzd-plan__box { margin-top: 32px; padding: 24px; border-radius: 24px; background: #fff; border: 1px solid #E2E8F0; box-shadow: 0 40px 70px -56px rgba(8,34,56,.7); }
.pmzd-plan__in { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pmzd-plan__sum { margin: 18px 0 0; padding: 14px 16px; border-radius: 14px; background: #F0FAF4; border: 1px solid #BFE6CF; font-size: 15px; line-height: 1.5; color: #0B4A30; }
.pmzd-plan__box[data-state="late"] .pmzd-plan__sum, .pmzd-plan__box[data-state="past"] .pmzd-plan__sum { background: #FDECEC; border-color: #F6B9B9; color: #7F1414; }
.pmzd-plan__box[data-state="soon"] .pmzd-plan__sum { background: #FFF8E6; border-color: #FFE0A0; color: #6B3A00; }
.pmzd-gantt { --lbl: 210px; --dt: 56px; position: relative; margin-top: 18px; }
.pmzd-g__axis { position: relative; height: 22px; margin: 0 var(--dt) 0 var(--lbl); border-bottom: 1px solid #E2E8F0; }
.pmzd-g__axis span { position: absolute; bottom: 4px; transform: translateX(-50%); font: 600 11px/1 var(--f-body); color: #64748B; white-space: nowrap; }
.pmzd-g__axis span::after { content: ""; position: absolute; left: 50%; top: 15px; height: 6px; border-left: 1px solid #CBD5E1; }
.pmzd-g__body { position: relative; padding: 4px 0 26px; }
.pmzd-g__grid { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px solid #F1F5F9; pointer-events: none; }
.pmzd-g__mk { position: absolute; top: 0; bottom: 0; z-index: 2; width: 0; border-left: 2px dashed #94A3B8; pointer-events: none; }
.pmzd-g__mk em { position: absolute; bottom: 0; left: 0; transform: translateX(-50%); padding: 3px 7px; border-radius: 6px; background: #64748B; color: #fff; font: 700 10.5px/1 var(--f-body); font-style: normal; white-space: nowrap; }
.pmzd-g__mk--stop { border-left: 2px solid #DC2626; } .pmzd-g__mk--stop em { bottom: auto; top: -2px; background: #DC2626; transform: translateX(-100%); border-radius: 6px 0 6px 6px; }
.pmzd-g__mk--end { border-left-color: #082238; } .pmzd-g__mk--end em { background: #082238; transform: translateX(-85%); }
.pmzd-g__mk--today em { transform: translateX(-15%); }
.pmzd-g__ph { position: relative; z-index: 1; margin: 10px 0 4px; padding-left: 10px; border-left: 4px solid var(--c); font: 700 12px/1.2 var(--f-body); letter-spacing: .05em; text-transform: uppercase; color: var(--c); }
.pmzd-g__row { position: relative; z-index: 1; display: grid; grid-template-columns: var(--lbl) minmax(0, 1fr) var(--dt); align-items: center; min-height: 28px; }
.pmzd-g__lbl { display: flex; align-items: center; gap: 8px; padding-right: 10px; font: 600 13px/1.2 var(--f-body); color: #334155; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pmzd-g__lbl i { display: grid; place-items: center; flex: none; width: 20px; height: 20px; border-radius: 6px; background: #EDF2F6; font: 800 10.5px/1 var(--f-display); font-style: normal; color: #475569; }
.pmzd-g__row.is-mig .pmzd-g__lbl i { background: #FFB81C; color: #082238; }
.pmzd-g__trk { position: relative; height: 16px; }
.pmzd-g__trk b { position: absolute; top: 0; height: 16px; border-radius: 5px; background: var(--c); transform-origin: left; animation: pmzdBar .6s cubic-bezier(.2,.7,.1,1) both; }
.pmzd-g__row.is-mig .pmzd-g__trk b { background: repeating-linear-gradient(135deg, var(--c) 0 7px, color-mix(in srgb, var(--c) 78%, #fff) 7px 12px); }
.pmzd-g__row.is-late .pmzd-g__trk b { outline: 2px solid #DC2626; outline-offset: 1px; }
@keyframes pmzdBar { from { transform: scaleX(0); } }
.pmzd-g__dt { padding-left: 8px; font: 600 11.5px/1 var(--f-body); color: #64748B; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pmzd-plan__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; padding-top: 16px; border-top: 1px dashed #D5E1EA; }
.pmzd-plan__lbl { margin: 0; font: 600 13.5px/1.4 var(--f-body); color: #64748B; }

/* ================= savings ================= */
.pmzd-sav { background: #F3F7F9; }
.pmzd-sav__grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(28px, 5vw, 64px); align-items: start; }
.pmzd-sav__fee { margin: 18px 0 0; padding: 14px 16px; border-radius: 14px; background: #fff; border-left: 4px solid #FFB81C; font-size: 15px; line-height: 1.55; color: #334155; }
.pmzd-sav__box { display: grid; gap: 16px; padding: 24px; border-radius: 24px; background: #fff; border: 1px solid #E2E8F0; box-shadow: 0 40px 70px -56px rgba(8,34,56,.7); }
.pmzd-pf--range { grid-template-columns: minmax(0, 1fr) auto; }
.pmzd-pf--range input { grid-column: 1 / -1; width: 100%; accent-color: #0A6FA8; }
.pmzd-pf--range output { grid-row: 1; grid-column: 2; font: 800 20px/1 var(--f-display); color: #082238; font-variant-numeric: tabular-nums; }
.pmzd-seg { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
.pmzd-seg legend { width: 100%; margin-bottom: 8px; padding: 0; font: 600 13.5px/1.3 var(--f-body); color: #334155; }
.pmzd-seg label { position: relative; }
.pmzd-seg input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.pmzd-seg span { display: inline-block; padding: 9px 14px; border-radius: 999px; border: 1px solid #CBD5E1; font: 600 14px/1 var(--f-body); color: #334155; transition: background .2s, color .2s, border-color .2s; }
.pmzd-seg input:checked + span { background: #082238; border-color: #082238; color: #fff; }
.pmzd-seg input:focus-visible + span { outline: 2px solid #00A3D9; outline-offset: 2px; }
.pmzd-sav__bars { display: grid; gap: 10px; }
.pmzd-sav__bars p { display: grid; grid-template-columns: minmax(0, 170px) minmax(0, 1fr) auto; align-items: center; gap: 10px; margin: 0; }
.pmzd-sav__bars span { font: 600 13px/1.25 var(--f-body); color: #334155; }
.pmzd-sav__bars b { font: 800 15px/1 var(--f-display); color: #082238; font-variant-numeric: tabular-nums; }
.pmzd-sav__b { display: block; height: 18px; border-radius: 6px; background: #EDF2F6; overflow: hidden; }
.pmzd-sav__b u { display: block; height: 100%; border-radius: 6px; transition: width .5s cubic-bezier(.2,.7,.1,1); }
.pmzd-sav__b--zd u { background: #475569; }
.pmzd-sav__b--zo u { background: linear-gradient(90deg, #00A3D9, #00B2A9); }
.pmzd-sav__nums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 14px 0 0; }
.pmzd-sav__nums div { padding: 12px 14px; border-radius: 14px; background: #F7FAFC; border: 1px solid #EDF2F6; }
.pmzd-sav__nums dt { font: 600 11.5px/1.2 var(--f-body); letter-spacing: .04em; text-transform: uppercase; color: #64748B; }
.pmzd-sav__nums dd { margin: 5px 0 0; font: 800 21px/1 var(--f-display); color: #082238; font-variant-numeric: tabular-nums; }
.pmzd-sav__nums .is-big { grid-column: 1 / -1; background: #F0FAF4; border-color: #BFE6CF; }
.pmzd-sav__nums .is-big dd { font-size: clamp(26px, 1.2rem + 1.2vw, 34px); color: #0B5F3C; }
.pmzd-sav__note { margin: 0; font-size: 13px; line-height: 1.5; color: #64748B; }

/* ================= day one + channel switch effect ================= */
.pmzd-sw { margin-top: 32px; padding: 20px 22px; border-radius: 22px; background: #082238; color: #fff; }
.pmzd-sw__ttl { display: flex; align-items: center; justify-content: space-between; margin: 0 0 12px; }
.pmzd-sw__ttl b { font: 700 16px/1.2 var(--f-display); }
.pmzd-sw__ttl em { padding: 4px 9px; border-radius: 999px; background: rgba(255,255,255,.12); font: 600 11px/1 var(--f-body); font-style: normal; color: #CFE3F0; }
.pmzd-sw__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.pmzd-sw__list li { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; padding: 14px; border-radius: 16px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); transition: background .4s, border-color .4s; }
.pmzd-sw__list li.is-on { background: color-mix(in srgb, var(--c) 22%, #082238); border-color: color-mix(in srgb, var(--c) 60%, #082238); }
.pmzd-sw__list .pmzd-ic { width: 30px; height: 30px; padding: 6px; border-radius: 9px; background: var(--c); color: #fff; box-sizing: border-box; }
.pmzd-sw__list b { font: 700 14.5px/1.2 var(--f-display); }
.pmzd-sw__tog { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; height: 34px; border-radius: 999px; background: rgba(255,255,255,.1); }
.pmzd-sw__tog s { position: relative; z-index: 1; display: grid; place-items: center; text-decoration: none; font: 700 12px/1 var(--f-body); color: #CFE3F0; transition: color .35s; }
.pmzd-sw__tog s:first-of-type { color: #082238; }
.pmzd-sw__tog i { position: absolute; top: 3px; bottom: 3px; left: 3px; width: calc(50% - 3px); border-radius: 999px; background: #fff; transition: transform .55s cubic-bezier(.5,1.6,.4,1), background .35s; }
li.is-on .pmzd-sw__tog i { transform: translateX(100%); background: #FFB81C; }
li.is-on .pmzd-sw__tog s:first-of-type { color: #CFE3F0; }
li.is-on .pmzd-sw__tog s:nth-of-type(2) { color: #082238; }
.pmzd-sw__list small { grid-column: 1 / -1; min-height: 1.3em; font: 600 12px/1.3 var(--f-body); color: #94A3B8; }
.pmzd-sw__list li.is-on small { color: #E6F1F8; }
.pmzd-sw__foot { margin: 12px 0 0; font: 600 13px/1.3 var(--f-body); color: #CFE3F0; }
.pmzd-sw.is-done .pmzd-sw__foot { color: #8FE3B4; }
.pmzd-day__grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 22px; margin-top: 22px; align-items: start; }
.pmzd-mon { position: relative; display: grid; gap: 14px; margin: 0; padding: 0 0 0 4px; list-style: none; }
.pmzd-mon::before { content: ""; position: absolute; left: 31px; top: 8px; bottom: 8px; border-left: 2px dotted #CBD5E1; }
.pmzd-mon li { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 14px; align-items: start; }
.pmzd-mon time { position: relative; z-index: 1; display: grid; place-items: center; height: 28px; border-radius: 8px; background: #E3F1FB; font: 800 12.5px/1 var(--f-display); color: #0A5A88; font-variant-numeric: tabular-nums; }
.pmzd-mon p { margin: 0; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid #E2E8F0; font-size: 14.5px; line-height: 1.55; color: #334155; }
.pmzd-cheat { padding: 22px; border-radius: 22px; background: #fff; border: 1px solid #E2E8F0; box-shadow: 0 30px 50px -44px rgba(8,34,56,.6); }
.pmzd-cheat__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.pmzd-cheat__head h3 { margin: 0; font: 700 19px/1.3 var(--f-display); color: #082238; }
.pmzd-cheat__print { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 999px; border: 1px solid #CBD5E1; background: #fff; font: 600 13px/1 var(--f-body); color: #334155; cursor: pointer; }
.pmzd-cheat__print:hover { border-color: #00A3D9; }
.pmzd-cheat__print .pmzd-ic { width: 16px; height: 16px; }
.pmzd-cheat__tbl { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.4; }
.pmzd-cheat__tbl th, .pmzd-cheat__tbl td { padding: 9px 8px; border-bottom: 1px solid #EDF2F6; text-align: left; vertical-align: top; }
.pmzd-cheat__tbl thead th { font: 700 11px/1.2 var(--f-body); letter-spacing: .05em; text-transform: uppercase; color: #64748B; }
.pmzd-cheat__tbl tbody th { width: 38%; font-weight: 700; color: #1F3B44; }
.pmzd-cheat__tbl td { color: #0A5A88; font-weight: 600; }
.pmzd-cheat .btn { margin-top: 16px; }

@media (max-width: 1080px) {
  .pmzd-trust__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .pmzd-rep { grid-column: 1 / -1; }
  .pmzd-sav__grid, .pmzd-day__grid { grid-template-columns: minmax(0, 1fr); }
  .pmzd-sw__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pmzd-tl__phases { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .pmzd-trust__grid, .pmzd-plan__in { grid-template-columns: minmax(0, 1fr); }
  .pmzd-plan__box, .pmzd-sav__box { padding: 16px; }
  .pmzd-gantt { --lbl: 0px; --dt: 0px; }
  .pmzd-g__row { z-index: auto; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 8px; padding: 4px 0; }
  .pmzd-g__lbl { grid-column: 1; }
  .pmzd-g__dt { position: relative; z-index: 3; grid-column: 2; grid-row: 1; padding: 2px 0 2px 6px; background: #fff; }
  .pmzd-g__lbl { position: relative; z-index: 3; background: linear-gradient(90deg, #fff 85%, rgba(255,255,255,0)); }
  .pmzd-g__ph { background: #fff; z-index: 3; }
  .pmzd-g__trk { grid-column: 1 / -1; height: 12px; }
  .pmzd-g__trk b { height: 12px; }
  .pmzd-g__body { padding-bottom: 30px; }
  .pmzd-g__mk--today em { transform: none; }
  .pmzd-sav__bars p { grid-template-columns: minmax(0, 1fr) auto; }
  .pmzd-sav__bars i { grid-column: 1 / -1; grid-row: 2; }
  .pmzd-st li.is-mig b { padding-right: 0; }
  .pmzd-st li.is-mig::after { position: static; grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 640px) {
  .pmzd-tl__phases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pmzd-sw { padding: 16px; }
  .pmzd-sw__list { grid-template-columns: minmax(0, 1fr); }
  .pmzd-sw__list li { padding: 12px; }
  .pmzd-mon li { grid-template-columns: 48px minmax(0, 1fr); gap: 10px; }
  .pmzd-mon::before { left: 27px; }
  .pmzd-cheat { padding: 16px; }
  .pmzd-sav__nums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pmzd-sav__nums div:nth-child(3) { grid-column: 1 / -1; }
  .pmzd-sav__nums dd { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .pmzd-st li, .pmzd-g__trk b { animation: none !important; }
  .pmzd-sw__tog i, .pmzd-sw__list li, .pmzd-sav__b u { transition: none !important; }
}

/* ================= print: the cheat sheet prints cleanly ================= */
@media print {
  .pmzd-cheat { box-shadow: none; border: 1px solid #999; break-inside: avoid; }
  .pmzd-cheat__print, .pmzd-cheat .btn, .pmzd-sw { display: none !important; }
  .pmzd-cheat__tbl th, .pmzd-cheat__tbl td { border-bottom: 1px solid #bbb; color: #000 !important; }
  .pmzd-cheat__tbl tr { break-inside: avoid; }
  html.pmzd-print-cheat body * { visibility: hidden !important; }
  html.pmzd-print-cheat .pmzd-cheat, html.pmzd-print-cheat .pmzd-cheat * { visibility: visible !important; }
  html.pmzd-print-cheat .pmzd-cheat { position: absolute; left: 0; top: 0; width: 100%; padding: 0; border: 0; }
  html.pmzd-print-cheat .pmzd-cheat__head h3::after { content: " · Zendesk to Zoho Desk · Elite Tech Global"; font-weight: 400; font-size: 14px; color: #444; }
}
.pmzd-sav__cap { margin: 0 0 10px; font: 700 11.5px/1.2 var(--f-body); letter-spacing: .05em; text-transform: uppercase; color: #64748B; }