.km5:not(.js) .reveal{opacity:1;transform:none;transition:none}.km5 .ans-hero{position:relative;padding:48px 0 8px;isolation:isolate;overflow:hidden}.km5 .ans-hero:before{content:"";position:absolute;inset:-10% -10% auto;height:760px;z-index:-2;background:radial-gradient(600px 320px at 30% 14%,#edfaf0,#edfaf000 70%),radial-gradient(480px 380px at 88% 40%,rgba(51,153,127,.12),transparent 70%),radial-gradient(420px 300px at 8% 60%,rgba(246,192,60,.12),transparent 70%)}.km5 .ans-hero:after{content:"";position:absolute;inset:0 0 auto;height:560px;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 35% 22%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 60% 55% at 35% 22%,#000 10%,transparent 75%);opacity:.5}.km5 .ans-hero-in{max-width:960px}.km5 .ans-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:26px;font-size:13.5px;color:var(--faint)}.km5 .ans-crumb a{color:var(--muted);text-decoration:none}.km5 .ans-crumb a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.km5 .ans-crumb [aria-current]{color:var(--ink);font-weight:500}.km5 .ans-h1{font-size:clamp(38px,5.6vw,70px);letter-spacing:-.046em;line-height:1;text-wrap:balance}.km5 .ans-meta{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.km5 .ans-meta li{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border-radius:999px;background:#fffc;border:1px solid var(--line);font-size:13.5px;color:var(--muted)}.km5 .ans-meta svg{width:14px;height:14px;color:var(--teal);flex:none}.km5 .ans-answer{position:relative;margin-top:30px;padding:32px 36px 26px 40px;border-radius:var(--r-l);background:var(--paper);border:1px solid var(--line-2);box-shadow:var(--shadow);overflow:hidden}.km5 .ans-answer:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--teal),var(--teal-l))}.km5 .ans-answer-label{display:inline-flex;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-d);background:var(--mint);border:1px solid var(--mint-2);padding:4px 10px;border-radius:8px}.km5 .ans-answer p{margin-top:16px;font-size:clamp(17px,1.65vw,19.5px);line-height:1.62;color:var(--ink)}.km5 .ans-answer strong{font-weight:600;color:var(--teal-d)}.km5 .ans-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:18px;border-top:1px dashed var(--line-2)}.km5 .ans-jump a{font-size:14px;font-weight:500;text-decoration:none;color:var(--muted);padding:6px 12px;border-radius:9px;background:#f3f5f5;border:1px solid var(--line);transition:background-color .2s,color .2s,border-color .2s}.km5 .ans-jump a:hover{color:var(--teal-d);background:var(--mint);border-color:var(--mint-2)}.km5 .ans-sec{padding:112px 0 0;scroll-margin-top:72px}.km5 .ans-sec .sec-head .h2,.km5 .ans-final .h2{text-wrap:balance}.km5 .ans-sec .sec-head .h2{font-size:clamp(32px,4.2vw,52px)}.km5 .ans-criteria{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.km5 .ans-crit{display:flex;flex-direction:column;padding:26px 24px}.km5 .ans-crit-n{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-family:var(--mono);font-size:13px;font-weight:500;background:var(--ink);color:var(--cream);margin-bottom:20px}.km5 .ans-crit h3{font-size:20px;letter-spacing:-.02em}.km5 .ans-crit>p{margin-top:8px;color:var(--muted);font-size:15px}.km5 .ans-crit .ans-crit-q{margin-top:auto;padding-top:18px;display:grid;gap:4px;font-size:14px;font-weight:500;color:var(--teal-d);max-width:none}.km5 .ans-crit-q span{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.km5 .ans-method{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r-l);background:var(--mint);border:1px solid var(--mint-2);overflow:hidden}.km5 .ans-method>div{padding:28px 32px}.km5 .ans-method>div+div{border-left:1px solid var(--mint-2)}.km5 .ans-method h3{font-size:18px;letter-spacing:-.015em}.km5 .ans-method p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--muted)}.km5 .ans-method a{color:var(--teal);font-weight:600}.km5 .ans-method .ans-cite{margin-top:12px;font-size:13px;color:var(--faint)}.km5 .ans-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.km5 .ans-app{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:30px 32px}.km5 .ans-app.is-us{border-color:var(--mint-2);background:linear-gradient(180deg,#fff,#f7fcf9);box-shadow:var(--shadow),0 0 0 1px var(--mint-2)}.km5 .ans-main{min-width:0}.km5 .ans-app-head{display:flex;gap:16px;align-items:flex-start}.km5 .ans-rank{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-family:var(--mono);font-size:15px;font-weight:500;background:#f1f4f4;border:1px solid var(--line);color:var(--ink)}.km5 .ans-app.is-us .ans-rank{background:var(--teal);border-color:var(--teal);color:#fff}.km5 .ans-app-title{min-width:0}.km5 .ans-app h3{font-size:24px;letter-spacing:-.025em;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:2px}.km5 .ans-suits{margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--muted)}.km5 .ans-suits b{color:var(--ink);font-weight:600}.km5 .ans-facts{margin:22px 0 0;border-top:1px solid var(--line)}.km5 .ans-facts div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.km5 .ans-facts dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding-top:3px}.km5 .ans-facts dd{margin:0;font-size:15px;line-height:1.5}.km5 .ans-side{display:flex;flex-direction:column;gap:20px;min-width:0}.km5 .ans-side h4{font-size:13px;font-weight:600;letter-spacing:0;margin-bottom:10px}.km5 .ans-side .feat{margin:0;padding:0;border:0;gap:9px}.km5 .ans-watch{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px;color:var(--muted)}.km5 .ans-watch li{display:grid;grid-template-columns:18px 1fr;gap:10px;line-height:1.4}.km5 .ans-watch i{display:block;width:10px;height:1.5px;margin:10px 0 0 3px;border-radius:2px;background:#9aa7a4}.km5 .ans-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;align-self:flex-start}.km5 .ans-link svg{width:14px;height:14px;flex:none}.km5 .ans-app:not(.is-us) .ans-link{color:var(--muted)}.km5 .ans-app:not(.is-us) .ans-link:hover{color:var(--ink)}.km5 .ans-scroll{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-s)}.km5 .ans-scroll:focus-visible{outline-offset:4px}.km5 .ans-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;font-size:14.5px}.km5 .ans-table th,.km5 .ans-table td{padding:14px;border-top:1px solid var(--line);vertical-align:middle;text-align:center}.km5 .ans-table thead th{border-top:0;padding:24px 14px 18px;vertical-align:bottom;font-weight:600}.km5 .ans-table thead th.ans-feature{text-align:left;padding-left:20px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.km5 .ans-th-rank{display:block;font-family:var(--mono);font-size:12px;font-weight:500;color:var(--faint)}.km5 .ans-th-name{display:block;margin-top:4px;font-size:16px;letter-spacing:-.015em;white-space:nowrap}.km5 .ans-th-us{margin-top:8px}.km5 .ans-table th[scope=row]{text-align:left;padding-left:20px;font-weight:500;color:var(--ink);width:24%}.km5 .ans-table th[scope=row],.km5 .ans-table th.ans-feature{position:sticky;left:0;z-index:1;background:var(--paper)}.km5 .ans-table .is-us{background:#edfaf0bf}.km5 .ans-table thead th.is-us{box-shadow:inset 0 3px 0 var(--teal);color:var(--teal-d)}.km5 .ans-group th{text-align:left;padding:28px 20px 10px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:#f7f9f9;border-top:1px solid var(--line-2)}.km5 .ans-group th span{position:sticky;left:20px}.km5 .ans-yes{position:relative;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mint);border:1px solid var(--mint-2);color:var(--teal)}.km5 .ans-yes svg{width:14px;height:14px}.km5 .ans-table td.is-us .ans-yes{background:var(--teal);border-color:var(--teal);color:#fff}.km5 .ans-chk{display:inline-block;padding:3px 8px;border-radius:6px;border:1px dashed var(--line-2);background:#f6f8f8;font-family:var(--mono);font-size:11.5px;color:var(--faint);white-space:nowrap}.km5 .ans-txt{font-size:14px;font-weight:600;color:var(--ink)}.km5 .ans-score{display:grid;justify-items:center;gap:7px}.km5 .ans-score b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.km5 .ans-bar{display:block;width:64px;height:6px;border-radius:99px;background:#e4e9e8;overflow:hidden}.km5 .ans-bar i{display:block;height:100%;border-radius:99px;background:var(--teal-l)}.km5 td.is-us .ans-bar i{background:var(--teal)}.km5 .ans-bar i.w1{width:25%}.km5 .ans-bar i.w2{width:50%}.km5 .ans-bar i.w3{width:75%}.km5 .ans-bar i.w4{width:100%}.km5 .ans-hint{display:none;margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--faint)}.km5 .ans-note{margin-top:14px;font-size:13.5px;color:var(--faint)}.km5 .ans-related-h{margin-top:32px;font-size:13px;font-weight:600;letter-spacing:0}.km5 .ans-related{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.km5 .ans-related a{display:block;padding:13px 16px;border-radius:14px;background:var(--paper);border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .2s var(--ease)}.km5 .ans-related a:hover{border-color:var(--mint-2);transform:translateY(-1px)}.km5 .ans-related b{display:block;font-size:15px;font-weight:600;line-height:1.35}.km5 .ans-related span{display:block;margin-top:2px;font-size:13.5px;color:var(--muted);line-height:1.4}.km5 .ans-final{padding-top:112px}@media(max-width:960px){.km5 .ans-criteria{grid-template-columns:1fr 1fr}.km5 .ans-method{grid-template-columns:1fr}.km5 .ans-method>div+div{border-left:0;border-top:1px solid var(--mint-2)}.km5 .ans-app{grid-template-columns:1fr;gap:24px}.km5 .ans-sec,.km5 .ans-final{padding-top:88px}}@media(max-width:700px){.km5 .ans-hero{padding-top:32px}.km5 .ans-answer{padding:24px 20px 20px 24px;margin-top:24px}.km5 .ans-criteria{grid-template-columns:1fr}.km5 .ans-method>div{padding:22px 20px}.km5 .ans-app{padding:22px 18px}.km5 .ans-app-head{gap:12px}.km5 .ans-rank{width:40px;height:40px;border-radius:12px;font-size:13px}.km5 .ans-app h3{font-size:21px}.km5 .ans-facts div{grid-template-columns:1fr;gap:4px}.km5 .ans-sec{padding-top:72px}.km5 .ans-table{min-width:760px;font-size:14px}.km5 .ans-table th,.km5 .ans-table td{padding:12px 10px}.km5 .ans-table th[scope=row],.km5 .ans-table thead th.ans-feature{min-width:140px;max-width:150px;padding-left:14px;box-shadow:1px 0 0 var(--line)}.km5 .ans-group th{padding:22px 14px 8px}.km5 .ans-group th span{left:14px}.km5 .ans-hint{display:block}.km5 .ans-final{padding-top:72px}}
