/* Self-hosted Accounted — page-local styles (design system lives in kepler.css/lp.css). */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.step{background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:28px 26px}
.step .n{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.13em;color:var(--blue-deep)}
.step h3{margin:14px 0 8px;font-size:18px;font-weight:600;letter-spacing:-.01em}
.step p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-2)}
.step .t{display:block;margin-top:16px;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}
.cmp{margin-top:44px;background:var(--paper);border:1px solid var(--rule);border-radius:16px;overflow:hidden}
.cmp .crow{display:grid;grid-template-columns:1.4fr 1fr 1.3fr;gap:20px;padding:15px 26px;border-bottom:1px solid var(--rule);font-size:14.5px;align-items:center}
.cmp .crow:last-child{border-bottom:0}
.cmp .crow.hd{background:var(--paper-2);font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);padding:13px 26px}
.cmp .crow:hover:not(.hd){background:var(--paper-2)}
.cmp .ck{font-weight:500}
.cmp .cv{color:var(--ink-2)}
.cmp .cv.us{color:var(--ink);font-weight:500}
@media(max-width:1024px){.steps{grid-template-columns:1fr}.cmp .crow{grid-template-columns:1fr;gap:4px}.cmp .crow.hd{display:none}.cmp .cv[data-l]::before{content:attr(data-l);display:block;font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-4);margin-bottom:2px}}