.compare-main{max-width:1080px;padding-block:28px 72px}
.compare-breadcrumb{margin-block-end:28px;font-size:.94rem}
.compare-breadcrumb a,.compare-sources a,.compare-related a,.compare-price-date a{text-decoration:underline;text-underline-offset:4px}
.compare-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:center;gap:64px;margin-block-end:72px}
.compare-hero-copy{min-width:0}
.compare-apps{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:start;gap:12px;width:min(100%,220px);margin-block-end:26px}
.compare-app{margin:0;min-width:0;text-align:center}
.compare-app img{display:block;width:64px;height:64px;max-width:100%;margin-inline:auto;object-fit:contain;border-radius:15px;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}
.compare-app figcaption{margin-block-start:8px;font-size:.85rem;line-height:1.4;overflow-wrap:anywhere}
.compare-versus{margin-block-start:21px;line-height:1.4;text-align:center;color:#435375;font-size:.9rem}
.compare-hero h1,.compare-index-intro h1{font-size:clamp(2rem,4.1vw,3.35rem);line-height:1.2;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;margin:0 0 22px}
.compare-angle{font-size:1.08rem;line-height:1.85;margin-block:0 20px;max-width:54ch}
.compare-hero-price{font-size:1rem;font-weight:500;line-height:1.7;margin-block:20px}
.compare-hero .hero-actions{margin-block:20px 10px}
.compare-hero .purchase-note{margin:0;font-size:.86rem;line-height:1.7;color:#435375}
.compare-preview{display:inline-block;padding:5px 9px;background:#fff1cf;color:#57400b;border-radius:7px;font-size:.78rem;line-height:1.5;margin-block:14px 0}
.compare-screen{margin:0;text-align:center;min-width:0}
.compare-screen img{display:block;width:min(100%,232px);height:auto;margin-inline:auto;border-radius:24px;box-shadow:0 12px 28px oklch(0 0 0 / .12);outline:1px solid oklch(0 0 0 / .1)}
.compare-screen figcaption{margin-block-start:16px;color:#435375;font-size:.83rem;line-height:1.7}
.compare-main h2{font-size:clamp(1.4rem,2.7vw,1.85rem);line-height:1.4;letter-spacing:-.015em;margin-block:0 24px;scroll-margin-block-start:100px;overflow-wrap:anywhere}
.compare-main h3{font-size:1.13rem;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}
.compare-main p,.compare-main li,.compare-main td,.compare-main th{overflow-wrap:anywhere}
.compare-main article>section,.compare-related{margin-block-end:64px}
.compare-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.compare-benefits section{min-width:0}
.compare-benefits p,.compare-choices p,.compare-summary{font-size:1rem;line-height:1.85;margin:0;max-width:72ch}
.compare-summary{margin-block-end:24px}
.compare-table-section table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:.95rem;line-height:1.75}
.compare-table-section caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.compare-table-section th,.compare-table-section td{text-align:start;vertical-align:top;padding:20px;border-block-end:1px solid #cdd9f0}
.compare-table-section thead th{background:#e2ebfc;font-weight:600}
.compare-table-section th:first-child{width:20%}
.compare-table-section tbody th{font-weight:500}
.compare-cell-label{display:none}
.compare-table-section td:last-child{background:#f1f5fe}
.compare-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.compare-choices>section{padding:28px;border-radius:20px}
.compare-oat-choice{background:#e2ebfc}
.compare-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:24px}
.compare-plans>section{padding:24px;background:#f1f5fe;border-radius:18px;min-width:0}
.compare-plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-block:14px 18px}
.compare-plan-price bdi{font-size:2.3rem;font-weight:500;line-height:1.1}
.compare-plan-price span{font-size:.9rem;color:#435375}
.compare-plans section>p:last-child,.compare-price-region,.compare-price-terms,.compare-price-date{font-size:.9rem;line-height:1.8;color:#435375}
.compare-plans section>p:last-child{margin-block-end:0}
.compare-price-terms{max-width:90ch}
.compare-faq details{border-block-end:1px solid #cdd9f0}
.compare-faq summary,.compare-sources summary{padding-block:18px;cursor:pointer;line-height:1.65;overflow-wrap:anywhere}
.compare-faq summary{font-weight:500}
.compare-faq details>div,.compare-sources details>div{padding-block:0 18px;max-width:80ch;font-size:.98rem;line-height:1.85}
.compare-faq details>div>p:first-child{margin-block-start:0}
.compare-sources{color:#435375;font-size:.9rem}
.compare-sources ul,.compare-related ul{padding-inline-start:1.3em;line-height:1.8}
.compare-sources li,.compare-related li{margin-block-end:12px}
.compare-dates{display:flex;flex-wrap:wrap;gap:8px 24px;margin-block:20px}
.compare-index-intro{max-width:760px;margin-block-end:48px}
.compare-index-intro p,.compare-index-list p{line-height:1.85}
.compare-index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}
.compare-index-list article{padding-block:28px;border-block-start:1px solid #cdd9f0}
.compare-index-list h2 a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.compare-hero{gap:28px;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr)}.compare-benefits{gap:24px}.compare-plans{gap:12px}.compare-plans>section{padding:18px}}
@media(max-width:640px){.compare-main{padding-block-start:22px}.compare-hero{grid-template-columns:1fr;gap:32px;margin-block-end:48px}.compare-screen img{width:190px}.compare-benefits,.compare-choices,.compare-plans,.compare-index-list{grid-template-columns:1fr;gap:20px}.compare-choices>section{padding:24px}.compare-plans>section{padding:24px}.compare-main article>section,.compare-related{margin-block-end:48px}.compare-table-section th,.compare-table-section td{padding:12px 8px;font-size:.88rem}.compare-apps{margin-block-end:22px}.compare-plan-price bdi{font-size:2rem}}
@media(max-width:520px){.compare-table-section table,.compare-table-section tbody{display:block}.compare-table-section thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.compare-table-section tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-block-end:24px}.compare-table-section tbody th{grid-column:1/-1;width:auto!important;background:#e2ebfc;padding:12px;font-size:.98rem}.compare-table-section td{padding:14px 12px}.compare-table-section .compare-cell-label{display:block;font-weight:600;margin-block-end:12px;line-height:1.5}}
@media(forced-colors:active){.compare-table-section th,.compare-table-section td,.compare-faq details{border-block-end:1px solid CanvasText}.compare-plans>section,.compare-choices>section{border:1px solid CanvasText}}