/* Comparateur SaaS : styles propres à la page (le reste vient de style.css) */
.page.wide .wrap{max-width:1160px}
.page .btn{color:var(--c)}
.page .btn.ghost{color:var(--ink)}
.page.wide h1{max-width:18ch}
.page.wide .lead{max-width:680px}

.cmp-step{font:500 12.5px/1 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px}
.cmp-cats{margin-bottom:22px}
.cmp-plans{display:grid;gap:8px;margin-bottom:30px}
.cmp-plan{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;font:500 15px/1.25 var(--font);padding:13px 15px;border-radius:14px;border:1px solid var(--line-2);background:transparent;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.cmp-plan:hover{background:var(--bg-2)}
.cmp-plan[aria-checked="true"]{border-color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent)}
.cmp-plan b{font-weight:600}
.cmp-plan small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px;font-weight:400}
.cmp-plan .pp{font:600 14px var(--mono);white-space:nowrap;color:var(--ink-2)}
.cmp-plan:focus-visible,.cmp-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.cmp-check{margin-top:22px;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.cmp-check h3{margin:0 0 8px!important;font-size:15px;letter-spacing:-.01em}
.cmp-check ul{margin:0;padding-left:1.15em;display:grid;gap:6px;font-size:14px;color:var(--ink-2)}

.cmp-sec{margin-top:clamp(56px,7vw,96px)}
.cmp-sec h2{font-size:clamp(26px,3.4vw,40px)!important;margin:0 0 10px!important}
.cmp-sec>p{color:var(--ink-2);max-width:680px;margin:0 0 24px}

.cmp-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.cmp-table{min-width:760px}
.cmp-row{display:grid;grid-template-columns:1.5fr .8fr .9fr 1fr 1.1fr 1.2fr;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink);font:400 14.5px/1.3 var(--font);cursor:pointer;padding:0}
.cmp-row>span{padding:14px 16px;display:flex;align-items:center}
.cmp-row.head{cursor:default;border-top:0;font:500 12px/1.3 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.02em}
.cmp-row:not(.head):hover{background:var(--bg-2)}
.cmp-row[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:inset 3px 0 0 var(--accent)}
.cmp-row .n{font-variant-numeric:tabular-nums;justify-content:flex-end;font-family:var(--mono);font-size:13.5px}
.cmp-row.head .n{justify-content:flex-end}
.cmp-row .tn b{font-weight:600}
.cmp-row .tn small{color:var(--muted);margin-left:8px;font-size:12.5px}
.cmp-grp{padding:10px 16px;background:var(--bg-2);font:600 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-top:1px solid var(--line)}
.cmp-row .v-ok{color:var(--lime-ink);background:var(--lime);padding:5px 9px;border-radius:999px;font:600 12px/1 var(--font)}
.cmp-row .v-mid{color:var(--ink-2);background:var(--bg-2);padding:5px 9px;border-radius:999px;font:600 12px/1 var(--font)}
.cmp-row .v-no{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent);padding:5px 9px;border-radius:999px;font:600 12px/1 var(--font)}

.cmp-method{display:grid;gap:14px;font-size:15px}
.cmp-method li{color:var(--ink-2)}
.cmp-src{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:0!important;list-style:none;font-size:14px}
.cmp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}

@media (max-width:640px){
  .cmp-plan{flex-direction:column;align-items:flex-start;gap:6px}
}