.comparison-hero { max-width: 960px; padding: clamp(36px, 7vw, 88px) 0; }
.comparison-hero h1 { font-size: clamp(2.5rem, 6vw, 5rem); line-height: 1.08; margin: 18px 0 28px; text-wrap: balance; }
.comparison-page h2 { font-size: clamp(1.7rem, 3vw, 2.7rem); line-height: 1.2; }
.comparison-topic { margin-top: 36px; }
.comparison-topic h3 { font-size: 1.35rem; }
.comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.comparison-card { padding: clamp(24px, 4vw, 40px); border: 1px solid var(--line-strong); border-radius: 24px; background: var(--surface); }
.comparison-card h4 { font-size: 1.3rem; margin: 0 0 16px; }
.comparison-card p { margin: 0 0 24px; line-height: 1.75; }
.comparison-card a, .comparison-sources a { text-underline-offset: 4px; }
.comparison-mashon { border-top: 4px solid #ffda00; }
.comparison-card h4 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.comparison-plan { display: inline-block; padding: 6px 10px; border-radius: 10px; background: var(--surface-strong); font-size: .85rem; font-weight: 700; line-height: 1.4; }
.comparison-mashon h4 { flex-direction: column; align-items: flex-start; }
.comparison-plan-free { background: #dcfce7; color: #166534; }
.comparison-workflow, .comparison-choice { margin: 56px 0; max-width: 900px; }
.comparison-workflow ol { padding-left: 1.5em; }
.comparison-workflow li { padding: 10px 0 10px 12px; line-height: 1.75; }
.comparison-choice p, .comparison-sources p { line-height: 1.75; }
.comparison-sources { padding: 32px 0; border-top: 1px solid var(--line-strong); max-width: 900px; scroll-margin-top: 150px; }
.comparison-sources li { margin: 12px 0; }
.comparison-next { padding: 24px 0 64px; }
@media (max-width: 680px) { .comparison-grid { grid-template-columns: 1fr; } .comparison-hero { padding-top: 28px; } }