.two-steps{display:grid;gap:1rem;margin:0;padding:0;list-style:none;counter-reset:ts}@media(min-width:640px){.two-steps{grid-template-columns:1fr 1fr}}.two-steps li{display:grid;gap:.375rem;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius-m)}.two-steps li:before{counter-increment:ts;content:counter(ts,decimal-leading-zero);font-size:var(--small);font-weight:500;color:var(--ink-muted)}.two-steps b{font-weight:500;font-size:var(--h6)}.two-steps p{color:var(--ink-muted);font-size:var(--body)}.features{display:grid;border-top:1px solid var(--line)}.features div{display:grid;gap:.5rem;align-content:start;padding:1.5rem 0;border-bottom:1px solid var(--line)}.features h3{font-size:var(--h5);margin:0}.features p{color:var(--ink-muted)}@media(min-width:768px){.features{grid-template-columns:1fr 1fr;-moz-column-gap:2.5rem;column-gap:2.5rem}}.checklist{margin:0;padding:0;list-style:none;display:grid;gap:.875rem}.checklist li{display:flex;gap:.75rem;align-items:flex-start;max-width:38.871em}.checklist .icon{color:var(--accent);flex:none;margin-top:.35em;width:1.1em;height:1.1em}.checker{display:grid;gap:1.5rem}.checker-list{margin:0;padding:0;list-style:none;display:grid;gap:.625rem}.check{display:flex;gap:.875rem;align-items:flex-start;text-align:left;width:100%;padding:.875rem 1rem;border:1px solid var(--line);border-radius:var(--radius-m);color:var(--ink);line-height:1.5;transition:border-color var(--t-fast),background-color var(--t-fast)}.check:hover{border-color:var(--line-strong)}.check .box{flex:none;width:22px;height:22px;border:1px solid var(--line-strong);border-radius:var(--radius-s);display:grid;place-items:center;margin-top:.1em;transition:background-color var(--t-fast),border-color var(--t-fast)}.check .box .icon{width:14px;height:14px;color:var(--accent-ink);opacity:0;transform:scale(.6);transition:opacity var(--t-fast),transform var(--t-base) var(--ease)}.check[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 9%,transparent)}.check[aria-pressed=true] .box{background:var(--accent);border-color:var(--accent)}.check[aria-pressed=true] .box .icon{opacity:1;transform:none}.checker-result{display:grid;gap:1rem;padding:1.5rem;border-radius:var(--radius-m);background:var(--bg-raised);border:1px solid var(--line)}.checker-result .score{font-size:var(--small);color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.checker-result p:not(.score){font-size:var(--body-lg);max-width:37.617em}