#compare .title { max-width: 100%; font-size: clamp(42px, 4vw, 56px); line-height: 1.08; letter-spacing: -.025em; }
#compare .compare { align-items: stretch; margin-top: 32px; }

.compare-card--link {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.compare-card--link:hover,
.compare-card--link:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(151, 220, 255, .72) !important;
  background: rgba(255, 255, 255, .16) !important;
  box-shadow: 0 16px 28px rgba(0, 23, 48, .2);
  outline: none;
}

.compare-card--link .button { pointer-events: none; }
.compare-card--link .check-list { flex: 1; }
.compare-help { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; margin-top: 28px; padding: 25px 27px; border: 1px solid rgba(180, 226, 255, .25); border-radius: 12px; background: rgba(255, 255, 255, .08); }
.compare-help p { flex: 1; margin: 0; color: #d9efff; font-size: 15px; }
.compare-help .button { min-width: 176px; color: #fff; border-color: rgba(180, 226, 255, .65); background: rgba(255, 255, 255, .08); }

@media (max-width: 620px) {
  #compare .title { font-size: clamp(32px, 9vw, 42px); }
  #compare .compare { margin-top: 26px; }
  .compare-help { grid-template-columns: 1fr; gap: 14px; padding: 20px; }
  .compare-help .button { width: 100%; }
}