/* Zoho CRM vs Microsoft Dynamics 365 Sales (/compare/zoho-crm-vs-dynamics/). Prefix .pvdy- */
.pvdy-hero, .pvdy-short, .pvdy-feat, .pvdy-price, .pvdy-cost, .pvdy-fork, .pvdy-move, .pvdy-proof, .pvdy-start { --pvdy-z: #0A6FA8; --pvdy-zl: #34B6E4; --pvdy-m: #5B3FB8; --pvdy-ml: #9C86E6; }
.pvdy-sub { margin: 14px 0 0; font: 600 clamp(18px, 1rem + .5vw, 22px)/1.45 var(--f-display); color: #0A3A63; }

/* segmented control */
.pvdy-seg { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 14px; background: #fff; border: 1px solid #E2E8F0; }
.pvdy-seg button { min-height: 36px; padding: 6px 14px; border: 0; border-radius: 10px; background: transparent; font: 600 14px/1.2 var(--f-body); color: #334155; cursor: pointer; transition: background 200ms, color 200ms; }
.pvdy-seg button.is-on { background: #082238; color: #fff; }
.pvdy-seg button:focus-visible { outline: 2px solid #00A3D9; outline-offset: 2px; }
.pvdy-seg--dark { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); }
.pvdy-seg--dark button { color: #D6E4EF; }
.pvdy-seg--dark button.is-on { background: #FFB81C; color: #082238; }

/* ---------- hero: building-block towers ---------- */
.pvdy-tw { position: relative; margin: 0; padding: 20px 20px 18px; border-radius: 26px; background: linear-gradient(180deg, #F2F0FB 0%, #F4FAFD 55%, #fff 100%); border: 1px solid #E2E8F0; box-shadow: 0 40px 70px -50px rgba(8,34,56,.55); }
.pvdy-tw__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.pvdy-tw__lbl { font: 700 12px/1.2 var(--f-body); letter-spacing: .1em; text-transform: uppercase; color: #64748B; }
.pvdy-tw__yard { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: end; margin-top: 18px; padding: 0 2px; border-bottom: 3px solid #082238; }
.pvdy-tw__col { display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; }
.pvdy-tw__stack { display: flex; flex-direction: column; justify-content: flex-end; gap: 7px; margin: 0; padding: 0; list-style: none; }
.pvdy-tw__stack li { position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: start; gap: 4px 9px; padding: 9px 11px; border-radius: 10px; background: #fff; border: 1px solid #DCE4EE; box-shadow: 0 6px 0 -2px var(--sh, #CBD5E1), 0 14px 22px -18px rgba(8,34,56,.6); font: 600 13px/1.35 var(--f-body); color: #082238; outline: none; cursor: default;
  opacity: 0; transform: translateY(-46px); transition: opacity 380ms, transform 620ms cubic-bezier(.3,1.5,.5,1), background 300ms, border-color 300ms, box-shadow 300ms, filter 200ms; transition-delay: calc(var(--d, 0) * 110ms); }
.pvdy-tw.is-up .pvdy-tw__stack li { opacity: 1; transform: none; }
.pvdy-tw__stack li img { width: 18px; height: 18px; object-fit: contain; margin-top: 1px; }
.pvdy-tw__stack li span { min-width: 0; }
.pvdy-tw__stack li i { grid-column: 2; justify-self: start; font: 700 10.5px/1.2 var(--f-body); font-style: normal; letter-spacing: .03em; padding: 3px 7px; border-radius: 999px; white-space: nowrap; background: #EEF2F6; color: #475569; }
.pvdy-tw__stack li[data-k="core"] { background: linear-gradient(135deg, #082238, #0A3A63); color: #fff; border-color: #082238; --sh: #04121F; }
.pvdy-tw__stack li[data-k="core"] img { background: #fff; border-radius: 5px; padding: 2px; }
.pvdy-tw__stack li[data-k="core"] i { background: #FFB81C; color: #082238; }
.pvdy-tw__col.is-ms li[data-k="core"] { background: linear-gradient(135deg, #2C1C6B, #5B3FB8); border-color: #2C1C6B; --sh: #1B1145; }
.pvdy-tw__stack li[data-k="inc"], .pvdy-tw__stack li[data-k="keep"] { --sh: #9ED8EE; }
.pvdy-tw__stack li[data-k="inc"] i, .pvdy-tw__stack li[data-k="keep"] i { background: #DDF3FB; color: #075985; }
.pvdy-tw__stack li[data-k="sep"], .pvdy-tw__stack li[data-k="meter"], .pvdy-tw__stack li[data-k="check"] { --sh: #C9BDF0; }
.pvdy-tw__stack li[data-k="sep"] i, .pvdy-tw__stack li[data-k="meter"] i, .pvdy-tw__stack li[data-k="check"] i { background: #ECE7FB; color: #3B2790; }
.pvdy-tw__stack li[data-k="opt"] { border-style: dashed; --sh: #E2E8F0; }
/* blocks not yet licensed: empty dashed slots until "Plus AI, reports, extras" is picked */
.pvdy-tw.is-up:not(.is-full) .pvdy-tw__stack li.is-ext { opacity: .5; background: transparent; border: 1.5px dashed #B8C4D3; box-shadow: none; color: #64748B; transform: translateY(-10px); }
.pvdy-tw.is-up:not(.is-full) .pvdy-tw__stack li.is-ext img { filter: grayscale(1); opacity: .6; }
.pvdy-tw.is-up:not(.is-full) .pvdy-tw__stack li.is-ext i { background: transparent; border: 1px dashed #B8C4D3; color: #94A3B8; }
.pvdy-tw.is-full .pvdy-tw__stack li.is-ext { animation: pvdy-drop 620ms cubic-bezier(.3,1.5,.5,1) both; animation-delay: calc((var(--d, 0) - 3) * 120ms); }
@keyframes pvdy-drop { from { transform: translateY(-34px); opacity: .3; } to { transform: none; opacity: 1; } }
.pvdy-tw__stack li em { position: absolute; bottom: calc(100% + 8px); left: 50%; z-index: 4; width: 220px; padding: 10px 12px; border-radius: 10px; background: #082238; color: #fff; font: 500 12.5px/1.45 var(--f-body); font-style: normal; text-align: left; opacity: 0; pointer-events: none; transform: translate(-50%, 6px); transition: opacity 200ms, transform 200ms; }
.pvdy-tw__stack li:hover em, .pvdy-tw__stack li:focus-visible em, .pvdy-tw__stack li.is-tip em { opacity: 1; transform: translate(-50%, 0); }
.pvdy-tw__stack li:hover, .pvdy-tw__stack li:focus-visible, .pvdy-tw__stack li.is-tip { filter: brightness(1.04); z-index: 3; }
.pvdy-tw__stack li:focus-visible { outline: 2px solid #FFB81C; outline-offset: 2px; }
.pvdy-tw__name { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 12px 0 10px; font: 800 14px/1.3 var(--f-display); color: #082238; }
.pvdy-tw__name img { width: 18px; height: 18px; object-fit: contain; }
.pvdy-tw__key { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 14px 0 0; font: 600 12.5px/1.3 var(--f-body); color: #475569; }
.pvdy-tw__key span::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 6px; vertical-align: -2px; border-radius: 4px; }
.pvdy-tw__key .k-core::before { background: #082238; }
.pvdy-tw__key .k-inc::before { background: #9ED8EE; }
.pvdy-tw__key .k-sep::before { background: #C9BDF0; }
.pvdy-tw__key .k-opt::before { background: #fff; border: 1.5px dashed #94A3B8; }
.pvdy-tw__cap { margin: 10px 0 0; font-size: 13.5px; line-height: 1.55; color: #64748B; }

/* ---------- short answer: flip cards (mid kit B) ---------- */
.pvdy-flip { margin-top: 30px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pvdy-flip .mk-flip__card { min-height: 210px; }
.pvdy-flip .mk-flip__front { border-top: 4px solid #CBD5E1; }

/* ---------- features by job: what matters to you (mid kit M) ---------- */
.pvdy-weigh { margin-top: 30px; }
.pvdy-jobs { margin-top: 18px; border-radius: 18px; background: #fff; border: 1px solid #E2E8F0; }
.pvdy-jobs summary { padding: 14px 18px; font: 700 15px/1.3 var(--f-body); color: #0A3A63; cursor: pointer; }
.pvdy-jobs summary:focus-visible { outline: 2px solid #00A3D9; outline-offset: 2px; border-radius: 18px; }
.pvdy-jobs__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0 18px 18px; }
.pvdy-jobs__list > div { padding: 12px 14px; border-radius: 12px; background: #F6F9FB; }
.pvdy-jobs__list dt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; font: 700 14.5px/1.35 var(--f-body); color: #082238; }
.pvdy-jobs__list dt span { font-weight: 600; font-size: 12.5px; color: #64748B; }
.pvdy-jobs__list dd { margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: #334155; }
@media (max-width: 720px) { .pvdy-jobs__list { grid-template-columns: 1fr; } }

/* ---------- price table ---------- */
.pvdy-price { background: #F3F7F9; }
.pvdy-ptbl { margin-top: 32px; overflow-x: auto; border-radius: 20px; background: #fff; border: 1px solid #E2E8F0; }
.pvdy-ptbl table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 15px; }
.pvdy-ptbl th, .pvdy-ptbl td { padding: 15px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid #EEF2F6; line-height: 1.5; }
.pvdy-ptbl thead th { background: #082238; color: #CFE0EC; font: 700 12.5px/1.3 var(--f-body); letter-spacing: .06em; text-transform: uppercase; }
.pvdy-ptbl tbody th { font: 700 15px/1.35 var(--f-display); color: #082238; width: 19%; }
.pvdy-ptbl tbody tr { transition: background 200ms; }
.pvdy-ptbl tbody tr:hover { background: #F8FBFD; }
.pvdy-ptbl tbody tr:last-child th, .pvdy-ptbl tbody tr:last-child td { border-bottom: 0; }
.pvdy-ptbl td b { display: block; font: 800 22px/1.2 var(--f-display); letter-spacing: -.02em; color: #082238; }
.pvdy-ptbl td:nth-child(2) b { color: var(--pvdy-z); }
.pvdy-ptbl td:nth-child(3) b { color: var(--pvdy-m); }
.pvdy-ptbl td small { display: block; margin-top: 4px; font-size: 13px; line-height: 1.4; color: #64748B; }
.pvdy-ptbl td:last-child { color: #475569; font-size: 14.5px; }
.pvdy-ptbl tr.is-mid { background: #FFFBEB; box-shadow: inset 4px 0 0 #FFB81C; }

/* ---------- 3-year seat cost (dark band) ---------- */
.pvdy-cost__box { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 30px; margin-top: 34px; padding: 28px; border-radius: 26px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(6px); }
.pvdy-cost__in { display: grid; gap: 22px; align-content: start; }
.pvdy-cost__f { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; }
.pvdy-cost__f > span { grid-column: 1 / -1; font: 600 14.5px/1.35 var(--f-body); color: #D6E4EF; }
.pvdy-cost__f input[type=range] { width: 100%; min-height: 28px; accent-color: #FFB81C; }
.pvdy-cost__f output { min-width: 52px; padding: 6px 10px; border-radius: 8px; background: rgba(255,255,255,.1); text-align: center; font: 800 16px/1.2 var(--f-display); color: #fff; }
.pvdy-cost__f .pvdy-seg { grid-column: 1 / -1; justify-self: start; }
.pvdy-cost__pair { margin: 0; padding: 12px 14px; border-radius: 12px; background: rgba(4,18,33,.35); font-size: 14px; line-height: 1.5; color: #BFD3E2; }
.pvdy-cost__out { display: grid; gap: 16px; align-content: start; }
.pvdy-lane { padding: 16px 16px 14px; border-radius: 16px; background: rgba(4,18,33,.42); border-left: 4px solid var(--c); }
.pvdy-lane.is-ms { --c: #9C86E6; --c2: #5B3FB8; }
.pvdy-lane.is-zoho { --c: #FFB81C; --c2: #F08A00; }
.pvdy-lane__h { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 14px; margin: 0 0 10px; font: 600 14px/1.35 var(--f-body); color: #D6E4EF; }
.pvdy-lane__h b { font: 800 clamp(22px, 1rem + 1vw, 30px)/1.15 var(--f-display); letter-spacing: -.02em; color: #fff; }
.pvdy-lane__track { display: flex; gap: 3px; height: 26px; border-radius: 8px; background: rgba(255,255,255,.06); overflow: hidden; }
.pvdy-lane__track i { display: block; height: 100%; width: var(--w, 0%); background: linear-gradient(90deg, var(--c2), var(--c)); transition: width 700ms cubic-bezier(.2,.8,.2,1); transition-delay: calc(var(--n, 0) * 90ms); }
.pvdy-lane__track i:nth-child(2) { opacity: .82; }
.pvdy-lane__track i:nth-child(3) { opacity: .66; }
.pvdy-lane small { display: block; margin-top: 8px; font-size: 12.5px; line-height: 1.45; color: #8FB0C7; }
.pvdy-lane__yrs { margin: -4px 0 0; font: 500 12.5px/1.4 var(--f-body); color: #8FB0C7; }
.pvdy-cost__sum { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pvdy-cost__sum p { margin: 0; padding: 14px; border-radius: 14px; background: rgba(63,185,122,.12); border-top: 3px solid #3FB97A; }
.pvdy-cost__sum p + p { background: rgba(255,255,255,.07); border-top-color: #6CC6F2; }
.pvdy-cost__sum span { display: block; font: 600 12.5px/1.35 var(--f-body); color: #BFD3E2; }
.pvdy-cost__sum b { display: block; margin-top: 6px; font: 800 clamp(19px, 1rem + .7vw, 25px)/1.2 var(--f-display); letter-spacing: -.02em; color: #fff; }
.pvdy-cost__sum b.is-bump { animation: pvdy-bump 420ms; }
@keyframes pvdy-bump { 40% { transform: scale(1.06); } }
.pvdy-cost__out .btn { justify-self: start; }
.pvdy-cost__fine { margin: 18px 0 0; max-width: 820px; font-size: 13.5px; line-height: 1.55; color: #9FC0D8; }

/* ---------- fork story ---------- */
.pvdy-fork__pick { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 32px; }
.pvdy-fork__pick button { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 12px 20px; border-radius: 16px; border: 1.5px solid #E2E8F0; background: #fff; cursor: pointer; font: 500 15px/1.3 var(--f-body); color: #082238; transition: border-color 200ms, box-shadow 200ms, transform 200ms; }
.pvdy-fork__pick button b { font: 700 15.5px/1.3 var(--f-display); }
.pvdy-fork__pick button img { width: 20px; height: 20px; object-fit: contain; }
.pvdy-fork__pick button:hover { transform: translateY(-2px); border-color: #00A3D9; }
.pvdy-fork__pick button[data-fork="ms"].is-on { border-color: var(--pvdy-m); box-shadow: 0 0 0 3px rgba(91,63,184,.15); }
.pvdy-fork__pick button[data-fork="mix"].is-on { border-color: var(--pvdy-z); box-shadow: 0 0 0 3px rgba(10,111,168,.15); }
.pvdy-fork__pick button:focus-visible { outline: 2px solid #00A3D9; outline-offset: 2px; }
.pvdy-fork__map { position: relative; display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; margin-top: 8px; }
.pvdy-fork__lines { grid-column: 1 / -1; width: 100%; height: 90px; display: block; overflow: visible; }
.pvdy-fork__lines path { fill: none; stroke-width: 4; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.pvdy-fork__lines .is-base { stroke: #E2E8F0; }
.pvdy-fork__lines .is-ms, .pvdy-fork__lines .is-mix { stroke-dasharray: 600; stroke-dashoffset: 600; transition: stroke-dashoffset 900ms cubic-bezier(.4,0,.2,1); }
.pvdy-fork__lines .is-ms { stroke: var(--pvdy-m); }
.pvdy-fork__lines .is-mix { stroke: var(--pvdy-z); }
.pvdy-fork__map[data-on="ms"] .pvdy-fork__lines .is-ms, .pvdy-fork__map[data-on="mix"] .pvdy-fork__lines .is-mix { stroke-dashoffset: 0; }
.pvdy-road { position: relative; margin: 0; padding: 0 0 0 34px; list-style: none; display: grid; gap: 12px; align-content: start; transition: opacity 400ms, filter 400ms; }
.pvdy-road::before { content: ""; position: absolute; left: 11px; top: 6px; bottom: 6px; width: 3px; border-radius: 3px; background: #E2E8F0; }
.pvdy-road li { position: relative; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid #E2E8F0; font-size: 14.5px; line-height: 1.5; color: #475569; opacity: .55; transform: translateY(6px); transition: opacity 400ms, transform 400ms, border-color 400ms; }
.pvdy-road li b { display: block; margin-bottom: 2px; font: 700 15.5px/1.35 var(--f-display); color: #082238; }
.pvdy-road li::before { content: ""; position: absolute; left: -29px; top: 18px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid #CBD5E1; transition: border-color 300ms, background 300ms; }
.pvdy-road li a { color: #0A6FA8; font-weight: 600; }
.pvdy-road.is-on li { opacity: 1; transform: none; }
.pvdy-road.is-on li:nth-child(2) { transition-delay: 120ms; } .pvdy-road.is-on li:nth-child(3) { transition-delay: 240ms; } .pvdy-road.is-on li:nth-child(4) { transition-delay: 360ms; }
.pvdy-road.is-ms.is-on::before { background: linear-gradient(180deg, #9C86E6, #5B3FB8); }
.pvdy-road.is-mix.is-on::before { background: linear-gradient(180deg, #34B6E4, #0A6FA8); }
.pvdy-road.is-ms.is-on li::before { border-color: var(--pvdy-m); }
.pvdy-road.is-mix.is-on li::before { border-color: var(--pvdy-z); }
.pvdy-road.is-on li.is-end { border-width: 2px; }
.pvdy-road.is-ms.is-on li.is-end { border-color: var(--pvdy-m); background: #F6F3FE; }
.pvdy-road.is-mix.is-on li.is-end { border-color: var(--pvdy-z); background: #F0F8FD; }
.pvdy-road.is-on li.is-end::before { background: currentColor; }
.pvdy-road.is-ms.is-on li.is-end::before { background: var(--pvdy-m); }
.pvdy-road.is-mix.is-on li.is-end::before { background: var(--pvdy-z); }
.pvdy-fork__mid { max-width: 760px; margin: 30px auto 0; padding: 16px 20px; border-radius: 16px; background: #F3F7F9; text-align: center; font-size: 15.5px; line-height: 1.55; color: #334155; }
.pvdy-fork__mid a { color: #0A6FA8; font-weight: 600; }

/* ---------- switching dictionary ---------- */
.pvdy-move { background: #F3F7F9; }
.pvdy-move__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.pvdy-move__note { margin: 16px 0 0; font-size: 15.5px; line-height: 1.6; color: #475569; }
.pvdy-dict { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; padding: 0; list-style: none; }
.pvdy-dict li { display: grid; gap: 4px; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid #E2E8F0; transition: transform 250ms, box-shadow 250ms; }
.pvdy-dict li span { font: 500 13px/1.4 var(--f-body); color: #6B5BB0; text-decoration: line-through; text-decoration-color: rgba(91,63,184,.35); }
.pvdy-dict li b { font: 700 15.5px/1.35 var(--f-display); color: #082238; }
.pvdy-dict li:hover { transform: translateY(-2px); box-shadow: 0 16px 24px -20px rgba(8,34,56,.6); }
.pvdy-dict li:last-child span { text-decoration: none; }

/* ---------- proof ---------- */
.pvdy-proof__row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 30px; }
.pvdy-proof__card { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 20px 22px; border-radius: 20px; background: #fff; border: 1px solid #E2E8F0; text-decoration: none; color: #475569; font-size: 15px; line-height: 1.5; transition: border-color 200ms, transform 200ms; }
.pvdy-proof__card:hover { border-color: #00A3D9; transform: translateY(-2px); }
.pvdy-proof__card img { width: 120px; height: 52px; object-fit: contain; }
.pvdy-proof__card b { display: block; margin-bottom: 4px; font: 700 16px/1.35 var(--f-display); color: #082238; }
.pvdy-proof__card i { font-style: normal; font-weight: 700; color: #0A6FA8; }

/* ---------- start steps ---------- */
.pvdy-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 32px 0 0; padding: 0; list-style: none; counter-reset: pvdys; }
.pvdy-steps li { position: relative; padding: 20px 18px; border-radius: 18px; background: #fff; border: 1px solid #E2E8F0; font-size: 15px; line-height: 1.5; color: #475569; counter-increment: pvdys; }
.pvdy-steps li::before { content: "Step " counter(pvdys); display: block; margin-bottom: 10px; font: 800 12px/1.2 var(--f-body); letter-spacing: .08em; text-transform: uppercase; color: var(--pvdy-z); }
.pvdy-steps b { display: block; margin-bottom: 4px; font: 700 17px/1.35 var(--f-display); color: #082238; }
.pvdy-steps__next { margin: 24px 0 0; font-size: 15.5px; color: #334155; }
.pvdy-steps__next a { color: #0A6FA8; font-weight: 600; }

/* ---------- responsive ---------- */
@media (max-width: 1000px) {
  .pvdy-cost__box, .pvdy-move__grid { grid-template-columns: 1fr; }
  .pvdy-proof__row { grid-template-columns: 1fr; }
  .pvdy-flip { grid-template-columns: 1fr 1fr; }
  .pvdy-steps { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .pvdy-tw { padding: 16px 10px 14px; }
  .pvdy-tw__yard { gap: 8px; padding: 0; }
  .pvdy-tw__stack li { grid-template-columns: 14px minmax(0, 1fr); gap: 4px 6px; padding: 7px 8px; font-size: 11.5px; }
  .pvdy-tw__stack li img { width: 14px; height: 14px; }
  .pvdy-tw__stack li i { font-size: 9.5px; padding: 2px 6px; }
  .pvdy-tw__stack li em { width: 170px; font-size: 12px; }
  .pvdy-tw__col.is-ms li em { left: 0; transform: translate(0, 6px); }
  .pvdy-tw__col.is-zoho li em { left: auto; right: 0; transform: translate(0, 6px); }
  .pvdy-tw__col li:hover em, .pvdy-tw__col li:focus-visible em, .pvdy-tw__col li.is-tip em { transform: none; }
  .pvdy-tw__name { font-size: 12.5px; }
  .pvdy-cost__box { padding: 18px; }
  .pvdy-cost__sum { grid-template-columns: 1fr; }
  .pvdy-fork__map { grid-template-columns: 1fr; row-gap: 22px; }
  .pvdy-fork__lines { display: none; }
  .pvdy-road:not(.is-on) { display: none; }
  .pvdy-fork__pick button { width: 100%; }
  .pvdy-dict { grid-template-columns: 1fr; }
  .pvdy-proof__card { grid-template-columns: 1fr; }
  .pvdy-steps { grid-template-columns: 1fr; }
  .pvdy-flip { grid-template-columns: 1fr; }
  .pvdy-flip .mk-flip__card { min-height: 180px; }
}