.compare-wrap{width:min(1120px,calc(100% - 80px));margin:0 auto;padding:42px 0 72px}.compare-wrap a:focus-visible,.compare-wrap input:focus-visible,.compare-wrap select:focus-visible{outline:2px solid #7c9b4a;outline-offset:4px}.compare-wrap .eyebrow{color:#71845d;font:10px DM Mono,monospace;letter-spacing:1.5px;text-transform:uppercase}.compare-wrap h1{max-width:900px;font-size:clamp(32px,4.4vw,54px);line-height:1.13;font-weight:500;letter-spacing:-1.6px;margin:19px 0;overflow-wrap:anywhere}.compare-wrap h2{font-size:25px;font-weight:500;letter-spacing:-.5px;margin:0 0 14px}.compare-wrap h3{font-size:17px;font-weight:500;margin:0 0 10px}.compare-wrap p{color:#6a7563;font-size:13px;line-height:1.85}.compare-intro{padding:20px 0 34px}.compare-intro>p{max-width:740px;font-size:15px}.compare-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:#7b8771;font:10px/1.8 DM Mono,monospace;margin:24px 0 0}.compare-category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.compare-category-tabs a{padding:10px 17px;border:1px solid #dbe2d3;border-radius:5px;color:#6c7c5d;font-size:12px}.compare-category-tabs a[aria-current]{background:#293d20;color:#f2f8ea;border-color:#293d20}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.compare-category-card{border:1px solid #d7dfce;border-radius:10px;background:#fafcf7;overflow:hidden}.compare-category-card>div{padding:28px;background:#ebf1e1}.compare-category-card.app>div{background:#e6eeea}.compare-category-card h2{font-size:29px}.compare-category-card .count{float:right;font:36px DM Mono,monospace;color:#8aa269}.compare-category-card ul{padding:10px 28px 24px;margin:0;list-style:none}.compare-category-card li a{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #e3e8dc;font-size:12px}.compare-category-card li:last-child a{border-bottom:0}.compare-action{display:inline-flex;gap:26px;color:#38582a;font-size:13px;font-weight:600;padding:10px 0 0}.compare-action:hover{text-decoration:underline;text-underline-offset:4px}.compare-method{margin-top:48px;padding:30px;background:#e9eee2;border:1px solid #dbe3d0;border-radius:8px}.compare-method h2{font-size:22px}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.method-grid h3{font-size:14px}.method-grid p{font-size:12px}.compare-method a{text-decoration:underline;text-underline-offset:3px}.compare-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#748268}.compare-breadcrumbs a:hover{color:#304a21;text-decoration:underline}.comparison-toolbar{margin:38px 0 18px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.comparison-toolbar h2{margin:0}.comparison-toolbar label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#66765a}.comparison-toolbar label:first-of-type{margin-left:auto}.comparison-toolbar input,.comparison-toolbar select{width:235px;max-width:100%;height:39px;padding:0 12px;background:#fbfcf9;border:1px solid #d8e0ce;border-radius:5px;color:#34462a;font:12px DM Sans,sans-serif}.pair-results{margin:0 0 18px;color:#75836a;font:10px/1.7 DM Mono,monospace}.pair-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pair-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:18px;border:1px solid #dce3d3;background:#fbfcf8;border-radius:7px}.pair-card:hover{border-color:#9db77c;background:#eef4e7}.pair-card>span:first-child{min-width:0}.pair-card strong{font-size:13px;font-weight:500;line-height:1.6}.pair-card small{display:block;color:#7b8870;font-size:10px;line-height:1.7;margin-top:7px}.pair-card .versus{color:#859a70;font:10px DM Mono,monospace;padding:0 4px}.pair-empty{padding:30px;background:#ecf1e5;border-radius:5px}.compare-hero-platforms{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:18px;margin:0 0 32px}.compare-platform{padding:23px;display:flex;align-items:center;gap:16px;border:1px solid #dce3d4;background:#fcfdf9;border-radius:8px;min-width:0}.compare-platform h2{font-size:20px;margin:0}.compare-platform p{font-size:11px;line-height:1.6;margin:5px 0 0}.compare-platform>div{min-width:0;overflow-wrap:anywhere}.compare-vs{align-self:center;color:#77955c;font:13px DM Mono,monospace}.compare-platform a{display:inline-block;margin-top:10px;font-size:11px;color:#50703b}.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:25px 0 34px}.insights-grid article{border-top:2px solid #bdd39f;background:#edf2e6;padding:22px;border-radius:0 0 6px 6px}.insights-grid h3{font-size:15px}.insights-grid p{margin-bottom:0;font-size:12px}.compare-jump{display:flex;flex-wrap:wrap;gap:9px;padding:16px 0 22px}.compare-jump a{padding:8px 13px;border:1px solid #d6dfcb;border-radius:20px;font-size:11px;color:#5d744b}.comparison-section{scroll-margin-top:20px;margin-bottom:35px}.comparison-section>p{max-width:860px;font-size:12px;margin-top:0}.comparison-table-scroll{overflow-x:auto;border:1px solid #d8e1cb;border-radius:8px;background:#fcfdf9}.comparison-table{width:100%;min-width:590px;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:12px;line-height:1.85}.comparison-table caption{text-align:left;padding:13px 20px;background:#eaf0e2;color:#61774d;font:10px DM Mono,monospace}.comparison-table thead th{background:#eaf0e2;font-size:13px;padding:18px 20px;color:#344e23}.comparison-table thead th:first-child{width:22%}.comparison-table th[scope=row]{font-size:11px;font-weight:500;color:#5d7050;background:#f6f8f1}.comparison-table td,.comparison-table th[scope=row]{padding:20px;border-top:1px solid #e1e7d8;vertical-align:top;overflow-wrap:anywhere}.comparison-table td+td{border-left:1px solid #e1e7d8}.comparison-table td{color:#384630}.comparison-table small{display:block;margin-top:8px;color:#7c8772;font-size:10px;line-height:1.8}.comparison-table a{display:inline-block;margin-top:10px;font-size:10px;color:#5d7d42;text-decoration:underline;text-underline-offset:3px}.comparison-table .tag{display:inline-block;margin:0 5px 6px 0;padding:3px 8px;border:1px solid #d7e1ca;border-radius:4px;font-size:10px;color:#577341;background:#f3f7eb}.compare-shortlist{margin:30px 0;padding:28px;border:1px solid #d3dfc2;border-radius:8px;background:#e9f0df}.compare-shortlist-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.compare-shortlist h3{margin-top:10px;font-size:16px}.compare-shortlist p{font-size:12px}.compare-shortlist a{font-size:12px;color:#446530;text-decoration:underline;text-underline-offset:3px}.compare-faq{margin:40px 0}.compare-faq details{border-top:1px solid #dbe2d3;padding:18px 0}.compare-faq summary{cursor:pointer;font-size:14px;color:#3a4e2d;line-height:1.6}.compare-faq p{max-width:850px;margin-bottom:0}.compare-sources{margin:38px 0;padding:26px;border:1px solid #dbe3d1;border-radius:8px;background:#fafcf6}.source-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.source-columns ul{padding-left:17px}.source-columns li{margin:10px 0;font-size:11px;line-height:1.7;color:#6c805a}.source-columns a{text-decoration:underline;text-underline-offset:3px}.compare-sources>p{font-size:11px}.compare-wrap [hidden]{display:none!important}@media(max-width:800px){.compare-wrap{width:calc(100% - 36px);padding-top:28px}.compare-grid,.method-grid{grid-template-columns:1fr}.comparison-toolbar label:first-of-type{margin-left:0}.comparison-toolbar h2{width:100%}.comparison-toolbar label{flex:1;min-width:200px}.comparison-toolbar input,.comparison-toolbar select{width:100%}.compare-platform{padding:18px;flex-direction:column;align-items:flex-start;gap:12px}.compare-platform h2{font-size:17px}.compare-hero-platforms{gap:10px}.compare-vs{font-size:11px}.compare-shortlist-grid,.source-columns{grid-template-columns:1fr;gap:12px}.compare-method{padding:23px}.compare-intro{padding-top:14px}.compare-wrap h1{letter-spacing:-.8px}.comparison-table td,.comparison-table th[scope=row],.comparison-table thead th{padding:15px}}@media(max-width:550px){.pair-list,.insights-grid{grid-template-columns:1fr}.compare-category-card>div{padding:24px}.compare-platform{padding:14px}.compare-platform h2{font-size:15px}.compare-hero-platforms{gap:7px}.compare-meta{font-size:9px}.compare-shortlist,.compare-sources{padding:20px}.compare-wrap h1{font-size:32px}.comparison-table thead th:first-child{width:23%}}
