/* Dania landing: comparison. */
.public-page #comparison { scroll-margin-top: 112px; }
.public-page #comparison .team-panel { padding: clamp(28px, 4vw, 46px); }
.public-page #comparison .section-heading { max-width: 760px; margin-bottom: 30px; }
.public-page #comparison .section-heading h2 {
  margin-top: 14px;
  font-size: clamp(27px, 2.8vw, 38px);
  font-weight: 800;
  line-height: 1.55;
  letter-spacing: -.025em;
}
.public-page #comparison .section-heading > p:last-child {
  max-width: 620px;
  margin: 12px auto 0;
  font-size: 15px;
  line-height: 2;
}
.public-page #comparison .comparison-board {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.public-page #comparison .comparison-card {
  min-width: 0;
  padding: 24px 26px 16px;
  border-radius: 20px;
  background: var(--lp-surface);
  box-shadow: none;
}
.public-page #comparison .comparison-card-after {
  border-color: color-mix(in srgb, var(--lp-brand) 30%, var(--lp-line));
  background: var(--lp-brand-faint);
}
.public-page #comparison .comparison-card header {
  min-height: 112px;
  align-items: center;
  gap: 14px;
  padding-bottom: 19px;
}
.public-page #comparison .comparison-icon {
  display: block;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.public-page #comparison .comparison-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.public-page #comparison .comparison-card header > div { min-width: 0; }
.public-page #comparison .comparison-card header small {
  color: var(--lp-ink-soft);
  font-size: 12px;
  font-weight: 500;
}
.public-page #comparison .comparison-card-after header small { color: var(--lp-brand-strong); }
.public-page #comparison .comparison-card header h3 {
  margin-top: 6px;
  font-size: clamp(17px, 1.6vw, 20px);
  font-weight: 750;
  line-height: 1.7;
}
.public-page #comparison .comparison-card ul { gap: 0; margin-top: 9px; }
.public-page #comparison .comparison-card li {
  min-height: 60px;
  padding: 14px 32px 14px 0;
  color: var(--lp-ink);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.95;
}
.public-page #comparison .comparison-card li strong { font-weight: 700; }
.public-page #comparison .comparison-card li + li { border-top: 1px solid var(--lp-line); }
.public-page #comparison .comparison-card li::before {
  inset-block-start: 21px;
  width: 18px;
  height: 18px;
  background: var(--lp-powder);
  color: var(--lp-ink-soft);
  font-size: 11px;
  font-weight: 600;
}
.public-page #comparison .comparison-card-after li::before {
  background: var(--lp-brand);
  color: #fff;
  font-size: 11px;
}
@media (max-width: 900px) {
  .public-page #comparison .comparison-card { padding-inline: 20px; }
  .public-page #comparison .comparison-card header { gap: 10px; }
  .public-page #comparison .comparison-icon { width: 56px; height: 56px; flex-basis: 56px; }
}
@media (max-width: 960px) {
  .public-page #comparison .team-panel { padding: 30px 22px; }
  .public-page #comparison .section-heading { margin-bottom: 24px; }
  .public-page #comparison .comparison-board { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .public-page #comparison .comparison-card header { min-height: 80px; }
  .public-page #comparison .comparison-card header h3 { font-size: 18px; }
  .public-page #comparison .comparison-card li { min-height: 60px; }
}
@media (max-width: 480px) {
  .public-page #comparison .team-panel { padding: 28px 16px; }
  .public-page #comparison .section-heading h2 { font-size: 26px; }
  .public-page #comparison .section-heading > p:last-child { font-size: 14px; }
  .public-page #comparison .comparison-card { padding: 18px 16px 10px; border-radius: 16px; }
  .public-page #comparison .comparison-card header { gap: 10px; padding-bottom: 14px; }
  .public-page #comparison .comparison-card header h3 { font-size: 17px; }
  .public-page #comparison .comparison-card li { padding-inline-start: 28px; font-size: 15px; }
}