.seo-hero { padding: 90px 24px 110px; max-width: 1040px; }
.seo-hero h1 { max-width: 1000px; }
.comparison, .instructions { border-top: 1px solid var(--line); padding: 90px 24px; }
.comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.comparison h2, .instructions h2 { font: 400 clamp(34px,4vw,54px)/1.08 Georgia,serif; margin: 12px 0 35px; }
.compare-grid { display: grid; gap: 15px; }
.compare-grid article { background: white; border: 1px solid var(--line); padding: 25px; border-radius: 8px; }
.compare-grid span { color: var(--green); font-weight: 850; }
.compare-grid h3 { font-size: 22px; margin: 25px 0 5px; }
.compare-grid p, .source-note { color: #68736c; }
.instructions ol { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; counter-reset: steps; }
.instructions li { counter-increment: steps; border-top: 3px solid var(--ink); padding: 22px 0; }
.instructions li::before { content: "0" counter(steps); display: block; color: var(--green); font-weight: 850; margin-bottom: 30px; }
.instructions li b, .instructions li span { display: block; }
.instructions li b { font-size: 20px; }
.instructions li span { color: #68736c; margin-top: 5px; }
.source-note { margin-top: 35px; }
.source-note a { color: var(--green); }
.seo-connect { margin-top: 10px; }
@media (max-width: 800px) {
  .comparison { grid-template-columns: 1fr; gap: 20px; }
  .instructions ol { grid-template-columns: 1fr; }
  .seo-hero { padding-top: 50px; }
}