/* NKS-496: comparison pages share the site and Workbench visual tokens. */
.compare-hero{padding-left:24px;padding-right:24px}
.compare-hero .subhead{max-width:730px}
.compare-hero h1 .vs-line{display:block;font-size:.36em;line-height:1.3;letter-spacing:0;font-weight:600;color:var(--ink-2);margin-bottom:.7em}
.demo-caption{font-size:12px;color:var(--ink-3);margin-top:10px}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}
.compare-card{padding:30px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-card)}
.compare-card:first-child{box-shadow:var(--shadow-card),inset 0 3px 0 var(--accent)}
.compare-card h3{font-family:var(--sans);font-size:23px;font-weight:650;letter-spacing:-0.015em;margin-bottom:20px}
.compare-card ul{list-style:none;display:grid;gap:15px}
.compare-card li{font-size:16px;color:var(--ink-2);padding-left:18px;position:relative}
.compare-card li:before{content:'—';position:absolute;left:0;color:var(--accent-ink)}
.fact-note{font-size:14px;color:var(--ink-3);margin-top:22px;max-width:880px}
.fact-note a{color:var(--accent-ink)}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:35px}
.workflow-step{border-top:1px solid var(--border);padding-top:22px}
.workflow-step h3{font-size:17px;margin:12px 0}
.workflow-step p{font-size:15.5px;color:var(--ink-2)}
.workflow-step .step-num{color:var(--accent-ink)}
.faq-list details{border-bottom:1px solid var(--border);padding:23px 0}
.faq-list summary{font-size:17px;font-weight:600;cursor:pointer}
.faq-list details p{font-size:15.5px;color:var(--ink-2);margin-top:14px}
.comparison-disclosure{font-size:12.5px;color:var(--ink-3);margin-top:36px}
.comparison-disclosure a{color:var(--accent-ink)}
.site-footer{padding-bottom:45px}
.pricing-wrap{padding-bottom:10px}
.pricing .presale-note{margin-top:22px}
.pricing .pricing-inner{max-width:680px}

@media(max-width:700px){.compare-grid,.workflow-grid{grid-template-columns:1fr}
.hero.compare-hero{padding-top:44px}
.compare-card{padding:23px}
.product-bar{gap:18px}
.workflow-grid{gap:22px}
section{padding:52px 0}
.demo{margin-top:36px}
.pricing{padding:40px 22px}
}