/* Compare page additions: sample verdict panel in the hero, proof band, minor copy blocks. */
.compare-verdict-panel { position: absolute; top: 30px; left: 20px; width: min(100%, 560px); overflow: hidden; border: 1px solid #2d4469; border-radius: 16px; background: #0b1831; color: #d8e5fa; box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .04); font-size: 13px; }
.cvp__bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 15px 20px; background: linear-gradient(110deg, #152949, #10213e); border-bottom: 1px solid #2c3d5a; font: 11px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .04em; }
.cvp__bar > span:first-child { display: inline-flex; align-items: center; gap: 10px; }
.cvp__dot { width: 7px; height: 7px; border-radius: 50%; background: #57e1bd; box-shadow: 0 0 0 4px rgb(87 225 189 / 12%); }
.cvp__tag { padding: 3px 6px; border: 1px solid #435776; border-radius: 4px; color: #b3c7e6; font-size: 10px; }
.cvp__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 20px 6px; }
.cvp__head span { color: #a9bddb; font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; }
.cvp__head strong { color: #ffaaa7; font-size: 17px; }
.cvp__rows { margin: 0 20px; padding: 6px 0 12px; border-bottom: 1px solid #263a5a; }
.cvp__rows > div { display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: 12px; padding: 6px 0; line-height: 1.5; }
.cvp__rows dt { color: #9fb2cf; font-size: 12.5px; }
.cvp__rows dd { margin: 0; color: #e6edfa; font-size: 12.5px; }
.cvp__mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.cvp__ok { color: #9fd8c3; }
.cvp__bad { color: #ffb2b5; font-weight: 600; }
.cvp__policy { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 20px; font-size: 11.5px; color: #adc0dc; }
.cvp__policy strong { color: #ffaaa7; letter-spacing: .09em; }
.cvp__foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 13px 20px; border-top: 1px solid #253854; color: #9fb1cc; font-size: 11px; }
.cvp__foot a { color: #8eebd3; font-weight: 700; text-underline-offset: 4px; }
.cvp__foot a:hover { text-decoration: underline; }
.compare-hero__actions .compare-text-link--demo { color: #8ff0d6; }

.compare-proof { background: #071b45; color: #d5e2fa; border-block: 1px solid #294272; }
.compare-proof__inner { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 40px; padding-block: 64px; }
.compare-proof h2 { color: #fff; margin: 12px 0 16px; }
.compare-proof p { color: rgba(225, 235, 255, .78); font-size: 16px; line-height: 1.75; margin: 0 0 22px; }
.compare-proof__steps { list-style: none; counter-reset: proof; margin: 0; padding: 0; display: grid; gap: 12px; }
.compare-proof__steps li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px 16px; border: 1px solid #2f4a78; border-radius: 10px; background: rgba(255, 255, 255, .03); }
.compare-proof__steps li::before { counter-increment: proof; content: "0" counter(proof); color: #7df0cf; font: 700 12px ui-monospace, SFMono-Regular, Consolas, monospace; padding-top: 3px; }
.compare-proof__steps strong { display: block; color: #fff; font-size: 14px; }
.compare-proof__steps span { color: rgba(225, 235, 255, .7); font-size: 13px; line-height: 1.6; }
.compare-proof .btn { margin-top: 6px; }
@media (max-width: 960px) {
  .compare-proof__inner { grid-template-columns: 1fr; gap: 28px; padding-block: 48px; }
  .compare-verdict-panel { position: relative; top: auto; left: auto; width: 100%; max-width: 560px; margin: 0 auto; }
}
@media (max-width: 480px) { .cvp__rows > div { grid-template-columns: 100px minmax(0, 1fr); } }
/* Layout corrections */
.compare-hero__visual { min-height: 700px; }
.compare-verdict-panel { top: 112px; left: 0; }
.compare-hero__visual .compare-float-card--top { top: 0; right: -8px; }
.compare-hero__visual .compare-float-card--bottom { right: 8px; bottom: -6px; }
.compare-proof__steps li::before { grid-row: span 2; }
.compare-proof__steps li > strong, .compare-proof__steps li > span { grid-column: 2; }
@media (max-width: 960px) { .compare-hero__visual { min-height: 0; } .compare-verdict-panel { top: auto; } }