.cmp .hb-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;max-width:1120px;margin:clamp(40px,5vw,56px) auto 0;display:grid}.cmp .hb-grid li{grid-column:span 2}.cmp .hb-grid li:nth-child(3n+1):nth-last-child(2){grid-column:2/span 2}.cmp .hb-grid li:nth-child(3n+1):last-child{grid-column:3/span 2}.cmp .hb-card{height:100%;box-shadow:var(--in-shadow), inset 0 0 0 1px var(--jx-line);color:var(--jx-ink);transition:translate .3s var(--cmp-ease), box-shadow .3s var(--cmp-ease);background:#fff;border-radius:22px;align-content:start;gap:10px;padding:26px 24px;text-decoration:none;display:grid}.cmp .hb-card:hover{box-shadow:var(--in-shadow-lift), inset 0 0 0 1px var(--jx-line);translate:0 -3px}.cmp .hb-vs{color:var(--jx-ink-3);font-size:1.125rem}.cmp .hb-vs b{color:var(--jx-ink)}.cmp .hb-vs b:first-child{color:var(--w)}.cmp .hb-body{color:var(--jx-ink-2);font-size:.9375rem;line-height:1.55}.cmp .hb-go{color:var(--w);align-items:center;gap:6px;margin-top:6px;font-size:.9rem;font-weight:600;display:inline-flex}.cmp .hb-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1120px;margin:clamp(48px,6vw,72px) auto 0;display:grid}.cmp .hb-rule-grid li{background:linear-gradient(170deg, #fff 55%, var(--w-wash));box-shadow:inset 0 0 0 1px var(--jx-line);border-radius:20px;align-content:start;gap:8px;padding:24px 22px;display:grid}.cmp .hb-rule-i{background:var(--w-wash);width:42px;height:42px;color:var(--w);border-radius:12px;place-items:center;display:grid}.cmp .hb-rule-grid .jx-body{font-size:.9rem}.cmp .hb-chips{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1000px;margin:clamp(36px,4vw,48px) auto 0;display:flex}.cmp .hb-chips a{box-shadow:inset 0 0 0 1px var(--jx-line);color:var(--jx-ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:9px 15px;font-size:.875rem;text-decoration:none;transition:box-shadow .2s;display:inline-flex}.cmp .hb-chips a:hover{box-shadow:inset 0 0 0 1px var(--jx-ink-3)}.cmp .hb-models{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1120px;margin:clamp(48px,6vw,72px) auto 0;display:grid}.cmp .hb-models>li{box-shadow:inset 0 0 0 1px var(--jx-line);background:#fff;border-radius:20px;align-content:start;gap:10px;padding:24px 22px;display:grid}.cmp .hb-models>li.is-us{box-shadow:var(--in-shadow-lift), inset 0 4px 0 var(--w)}.cmp .hb-model-tag{letter-spacing:.07em;text-transform:uppercase;color:var(--jx-ink-3);font-size:.7rem;font-weight:700}.cmp .hb-models .jx-body{font-size:.9rem}.cmp .hb-who{border-top:1px solid var(--jx-line);flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.cmp .hb-who a{color:var(--jx-ink);background:#f1efeb;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;text-decoration:none}.cmp .hb-who a:hover{background:var(--w-wash);color:var(--w)}.cmp .hb-check{color:var(--jx-ink-2);font-size:.84rem;line-height:1.5}.cmp .hb-check b{color:var(--jx-ink)}@media (max-width:1023px){.cmp .hb-models,.cmp .hb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp .hb-grid li,.cmp .hb-grid li:nth-child(3n+1):nth-last-child(2),.cmp .hb-grid li:nth-child(3n+1):last-child{grid-column:auto}.cmp .hb-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.cmp .hb-grid,.cmp .hb-models,.cmp .hb-rule-grid{grid-template-columns:1fr}}
