/* Generated by scripts/extract-css.cjs — do not edit.
   Shared by every page in the "compare" family. */
.section-sub{font-size:15.5px;color:var(--text-2);text-align:center;max-width:600px;margin:0 auto 48px;line-height:1.7}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.price-card{background:var(--white);border:1.5px solid var(--border);border-radius:18px;padding:28px;position:relative}
.price-card.us{border-color:var(--growth);background:linear-gradient(180deg,var(--growth-light) 0%,var(--white) 60%)}
.price-card.us::before{content:'Our pick';position:absolute;top:-12px;left:24px;background:var(--growth);color:var(--comm);font-size:11px;font-weight:700;padding:4px 14px;border-radius:100px;letter-spacing:0.3px}
.price-brand{font-size:17px;font-weight:700;letter-spacing:-0.4px;margin-bottom:4px}
.price-note{font-size:11.5px;color:var(--text-3);margin-bottom:18px}
.price-tier{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px dashed var(--border)}
.price-tier:last-child{border-bottom:none}
.price-tier-name{font-size:13px;color:var(--text-2)}
.price-tier-val{font-size:15px;font-weight:600;color:var(--text)}
.price-foot{margin-top:20px;font-size:12.5px;color:var(--text-2);line-height:1.6}
.price-foot strong{color:var(--text)}
.matrix-wrap{overflow-x:auto}
.matrix{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--white);border-radius:14px;overflow:hidden;border:1px solid var(--border)}
.matrix thead th{padding:16px 20px;text-align:left;background:var(--surface);font-weight:600;font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:0.5px}
.matrix thead th:not(:first-child){text-align:center;font-size:14px;font-weight:700;color:var(--text);letter-spacing:-0.2px}
.matrix thead th.us-col{background:var(--growth-light);color:var(--growth-text);position:relative}
.matrix tbody tr{border-top:1px solid var(--border)}
.matrix tbody td{padding:13px 20px;color:var(--text);vertical-align:top}
.matrix tbody td:not(:first-child){text-align:center}
.matrix tbody td.us-col{background:rgba(177,218,49,0.04)}
.matrix td.cat{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:0.5px;padding-top:20px;padding-bottom:6px;background:transparent}
.check{color:var(--growth-text);font-weight:700;font-size:16px}
.dash{color:var(--text-3);font-size:18px}
.feat-name{font-weight:500}
.feat-note{font-size:11.5px;color:var(--text-3);margin-top:2px}
.reasons{padding:70px 5%;background:var(--white)}
.reasons-inner{max-width:1080px;margin:0 auto}
.reasons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.reason-card{padding:28px;border:1px solid var(--border);border-radius:16px;background:var(--surface);transition:border-color 180ms,transform 180ms var(--ease-out)}
.reason-card:hover{border-color:var(--growth);transform:translateY(-3px)}
.reason-ico{width:44px;height:44px;border-radius:11px;background:var(--growth-light);display:grid;place-items:center;font-size:20px;margin-bottom:16px}
.reason-card h3{font-size:17px;font-weight:700;letter-spacing:-0.3px;margin-bottom:8px}
.reason-card p{font-size:14px;color:var(--text-2);line-height:1.65}
.reason-card .stat{display:inline-block;margin-top:14px;background:var(--comm);color:var(--growth);font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;letter-spacing:0.3px}
.usecase{padding:70px 5%;max-width:1080px;margin:0 auto}
.usecase-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.usecase-card{background:var(--white);border:1.5px solid var(--border);border-radius:18px;padding:32px}
.usecase-card.us{border-color:var(--growth);background:linear-gradient(180deg,var(--growth-light) 0%,var(--white) 50%)}
.usecase-pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 11px;border-radius:100px;letter-spacing:0.4px;text-transform:uppercase;margin-bottom:14px}
.usecase-card .usecase-pill{background:rgba(40,42,43,0.08);color:var(--text)}
.usecase-card.us .usecase-pill{background:var(--growth);color:var(--comm)}
.usecase-card h3{font-size:20px;font-weight:700;letter-spacing:-0.5px;margin-bottom:12px}
.usecase-card ul{list-style:none;display:grid;gap:10px;margin-top:12px}
.usecase-card ul li{font-size:14px;color:var(--text);display:flex;gap:10px;align-items:flex-start;line-height:1.55}
.usecase-card ul li::before{content:'✓';color:var(--growth-text);font-weight:700;flex-shrink:0}
.usecase-card.plain ul li::before{content:'•';color:var(--text-3)}
.faq-section{padding:70px 5%;background:var(--comm);color:#fff}
.faq-inner{max-width:720px;margin:0 auto}
.compare-median{max-width:760px;margin:26px auto 0;font-size:14.5px}
.compare-median a{color:var(--growth-text);font-weight:600}
