.compare-body{--body-size:clamp(16px,15px + .25vw,18px);--measure:calc(var(--body-size)*38);max-width:calc(1240px + 2*var(--side-margin));padding:24px var(--side-margin)0;color:#fff9;margin:0 auto}.compare-body>:not(.compare-table):not(.compare-cta){max-width:var(--measure);margin-left:auto;margin-right:auto}.compare-body p,.compare-body li{font-size:var(--body-size);color:#fff9;text-wrap:pretty;line-height:1.7}.compare-body p{margin:0 0 16px}.compare-body strong{color:#fff;font-weight:600}.compare-body ul,.compare-body ol{margin:0 0 20px;padding-left:1.2em}.compare-body li{margin:0 0 8px;padding-left:4px}.compare-body li::marker{color:#ffffff59}.compare-body ol li::marker{font:500 13px var(--font-mono)}.compare-body h2{color:#fff;letter-spacing:-.01em;text-wrap:balance;margin:88px 0 20px;font-size:clamp(26px,22px + .6vw,32px);font-weight:700;line-height:1.2}.compare-body h3{color:#fff;margin:32px 0 10px;font-size:clamp(18px,16px + .3vw,21px);font-weight:700;line-height:1.35}.compare-body>h2:first-child{margin-top:0}.compare-body>.compare-answer:not(:first-child){margin-top:72px}.compare-body .compare-answer h2{font:500 11px/1.6 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff6;margin-top:0;margin-bottom:14px}.compare-body .compare-verdict{position:relative}.compare-body .compare-verdict p{color:#fff;font:400 clamp(22px,17px + .9vw,30px)/1.38 var(--font-serif);letter-spacing:-.01em;margin:0 0 18px}.compare-body .compare-verdict:before{content:"";background:#ffffff80;width:24px;height:1px;position:absolute;top:.95em;left:-40px}@media (max-width:760px){.compare-body .compare-verdict:before{display:none}}.compare-body .compare-answer>p:first-of-type{display:flow-root}.compare-body .compare-answer>p:first-of-type:first-letter{float:left;font:400 calc(var(--body-size)*1.7*3*1.2)/.78 var(--font-serif);color:#fff;margin:8px 10px 0 -3px}.compare-body .cmp ul{border-top:1px solid #ffffff1a;padding:0;list-style:none}.compare-body .cmp li{border-bottom:1px solid #ffffff1a;margin:0;padding:0}.compare-body .cmp a{padding:14px 0;text-decoration:none;display:block}.compare-body .cmp a strong{margin-right:10px}.compare-body .cmp a span{color:#ffffff80;font-size:15px}.compare-body .cmp a:hover span{color:#fffc}.compare-body .compare-table{margin:8px 0 24px}@media (min-width:1101px){.compare-body .compare-table:not(:has(thead th:nth-child(4))){width:calc(var(--measure) + 340px);margin-left:calc(50% - var(--measure)/2 - 170px)}}.compare-body .compare-table table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:clamp(15px,14px + .18vw,16.5px);line-height:1.6}.compare-body .compare-table th,.compare-body .compare-table td{text-align:left;vertical-align:top;color:#ffffffb3;border-bottom:1px solid #ffffff1a;padding:18px 28px 18px 0}.compare-body .compare-table thead th{font:500 11px/1.6 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;border-bottom-color:#ffffff40;padding-top:14px;padding-bottom:14px}.compare-body .compare-table thead th:nth-child(2){color:#fff}.compare-body .compare-table thead th:first-child{width:170px}.compare-body .compare-table td:first-child,.compare-body .compare-table td:first-child strong{color:#fff;font-weight:600}.compare-body .compare-table:has(thead th:nth-child(4)) thead th:first-child{width:130px}.compare-body .compare-table:has(thead th:nth-child(4)) :is(th,td){padding-right:24px}.compare-hub .compare-table thead th:nth-child(5){width:27%}.compare-body .compare-claim{padding:32px 0 30px;position:relative}.compare-body p+.compare-claim{margin-top:24px}.compare-body p+.compare-claim:before{content:"";background:#ffffff59;height:1px;position:absolute;inset:0 0 auto}.compare-body .compare-claim:after{content:"";transform-origin:0;background:#ffffff26;height:1px;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:auto 0 0}@media screen{.compare-body.motion .compare-claim:not(.in):after{transform:scaleX(0)}}.compare-body .compare-claim-q{font:italic 400 clamp(26px,19px + 1.3vw,38px)/1.18 var(--font-serif);letter-spacing:-.01em;color:#fff;text-wrap:balance;margin:0 0 14px}.compare-body .compare-claim-q .hang{margin-left:-.42em}.compare-body .compare-claim-q :is(.hang,.close){color:#ffffff80}.compare-body .compare-claim-a p{font-size:var(--body-size);color:#ffffffb8;margin:0;line-height:1.65}.compare-body .compare-faq details{border-top:1px solid #ffffff1a}.compare-body .compare-faq details:last-child{border-bottom:1px solid #ffffff1a}.compare-body .compare-faq summary{cursor:pointer;color:#fff;padding:18px 32px 18px 0;font-size:clamp(17px,16px + .2vw,19px);font-weight:600;line-height:1.45;list-style:none;position:relative}.compare-body .compare-faq summary::-webkit-details-marker{display:none}.compare-body .compare-faq summary:before,.compare-body .compare-faq summary:after{content:"";background:#ffffff80;width:12px;height:1.5px;margin-top:-1px;transition:transform .2s ease-out,background-color .2s ease-out;position:absolute;top:50%;right:6px}.compare-body .compare-faq summary:before{transform:rotate(90deg)}.compare-body .compare-faq details[open] summary:before{transform:rotate(0)}.compare-body .compare-faq summary:hover:before,.compare-body .compare-faq summary:hover:after{background:#fff}.compare-body{interpolate-size:allow-keywords}.compare-body .compare-faq details::details-content{block-size:0;transition:block-size .22s ease-out,content-visibility .22s ease-out allow-discrete;overflow:clip}.compare-body .compare-faq details[open]::details-content{block-size:auto}.compare-body .compare-faq details[open] summary~*{animation:.22s ease-out both compare-fade}@keyframes compare-fade{0%{opacity:0}}.compare-body .compare-faq details p{margin:0 0 20px}.compare-body .compare-back{margin:48px 0 0}.compare-body .compare-freshness{margin:32px 0 0}.compare-body .compare-freshness p{font:500 11px/1.8 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff6;margin:0}.compare-body .compare-freshness time{color:#ffffffb3}.compare-body .compare-cta{text-align:center;padding:112px 0 0}.compare-body .compare-cta .compare-cta-heading{color:#fff;letter-spacing:-.02em;max-width:600px;margin:0 auto 16px;font-size:40px;font-weight:400;line-height:1.15}.compare-body .compare-cta p{margin:0 0 30px}@media (max-width:900px){.compare-body .compare-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.compare-body .compare-table :is(table,tbody,tr,td){width:auto;display:block}.compare-body .compare-table tr{border-top:1px solid #ffffff1a;padding:18px 0}.compare-body .compare-table td{border:0;padding:4px 0 8px}.compare-body .compare-table td:first-child{margin-bottom:6px;font-size:16px;display:block}.compare-body .compare-table td:not(:first-child):before{content:attr(data-label);font:500 11px/1.6 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff6;margin-bottom:2px;display:block}}@media (max-width:480px){.compare-body .compare-cta .compare-cta-heading{font-size:28px}}.compare-body .compare-cta .solid-button{color:#111;text-decoration:none}@media screen{.compare-body.motion>*{transition:opacity .42s ease-out,transform .42s ease-out}.compare-body.motion>:not(.in){opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.compare-body *,.compare-body :before,.compare-body :after{transition:none!important;animation:none!important}.compare-body ::details-content{transition:none!important}}
