.comparison-page{padding-bottom:76px}
.comparison-hero{max-width:860px;margin-inline:auto;padding:78px 0 48px;text-align:center}
.comparison-hero h1{font-size:clamp(38px,4.7vw,60px);font-weight:660;line-height:1.08;max-width:18ch;margin:auto}
.comparison-hero .intro{font-size:19px;line-height:1.65;color:#657185;max-width:65ch;margin:24px auto 0}
.comparison-hero .comparison-actions{justify-content:center}
.comparison-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:25px}
.comparison-page a:not(.button){color:#496bd0;text-underline-offset:3px}
.comparison-page a:not(.button):hover{text-decoration:underline}
/* A link inside running text is underlined, as on every page. */
.comparison-page :is(p,li,td) a:not(.button){text-decoration:underline}
.comparison-page a:focus-visible{outline:2px solid #526ba4;outline-offset:4px}
.comparison-note{font-size:14px;line-height:1.65;color:#748298;margin-top:18px}
.comparison-section{margin-top:64px}
.comparison-hero+.comparison-section{margin-top:16px}
.comparison-section>h2{font-size:var(--site-title-size);max-width:23ch;line-height:1.14;margin-bottom:22px}
.comparison-section>p{color:#68758a;max-width:76ch;font-size:var(--site-copy-size);line-height:1.7}
.comparison-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:26px 0 30px}
.comparison-plan{padding:30px;border:1px solid #e3e8f2;border-radius:18px}
.comparison-plan.our-plan{background:linear-gradient(150deg,#f5f8ff,white 75%)}
.comparison-plan h3{font-size:var(--site-subheading-size);font-weight:600}
.comparison-plan .plan-model{color:#68758a;font-size:15px;margin-top:10px}
.comparison-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:20px 0 14px;font-variant-numeric:tabular-nums}
.comparison-price strong{font-size:48px;letter-spacing:-.05em;line-height:1.1;font-weight:620}
.comparison-price span{font-size:16px;color:#7c8799}
.comparison-plan>p:not(.plan-model){font-size:15px;line-height:1.65;color:#68758a}
.comparison-plan .plan-link{display:inline-block;margin-top:20px;font-size:15px}
.comparison-table{width:100%;margin-top:26px;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.65;table-layout:fixed}
.comparison-table th,.comparison-table td{text-align:left;padding:20px 22px;border-bottom:1px solid #e8edf5;vertical-align:top;overflow-wrap:break-word}
.comparison-table thead th{background:#f6f8fc;font-size:16px;font-weight:600;color:#20242e}
.comparison-table thead th:first-child{width:25%;border-top-left-radius:12px}
.comparison-table thead th:last-child{border-top-right-radius:12px}
.comparison-table tbody th{font-weight:550;color:#394355}
.comparison-table td{color:#657185}
.comparison-table small{display:block;font-size:13px;color:#79869a;margin-top:5px}
.comparison-table .product-label{display:none}
.comparison-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:26px}
.comparison-example{margin:0;min-width:0}
.comparison-example figcaption{font-size:16px;font-weight:550;margin-top:15px}
.comparison-example p{font-size:15px;color:#68758a;margin-top:7px}
.comparison-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:30px}
.comparison-choice{border-top:1px solid #e3e8f2;padding-top:25px;min-width:0}
.comparison-choice h3{font-size:var(--site-subheading-size);line-height:1.2}
.comparison-choice ul{padding-left:20px;margin:18px 0 0;display:grid;gap:14px;color:#68758a;font-size:var(--site-copy-size);line-height:1.65}
.comparison-faq{max-width:850px}
.comparison-faq details{border-bottom:1px solid #e8edf5}
.comparison-faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:19px 0;font-size:16px;cursor:pointer;color:#5e6b81;text-wrap:balance}
.comparison-faq summary::-webkit-details-marker{display:none}
/* The homepage FAQ's plus sign, drawn here so the question text stays the schema's exact name. */
.comparison-faq summary::after{content:"+";content:"+" / "";flex:none;color:#a1adbf;font-size:19px;line-height:1.4}
.comparison-faq details[open] summary::after{transform:rotate(45deg)}
.comparison-faq details p{color:#68758a;font-size:16px;line-height:1.7;margin:0 0 22px}
.comparison-sources{padding-top:30px;border-top:1px solid #e8edf5}
.comparison-sources h2{font-size:var(--site-subheading-size)}
.comparison-sources ul{display:flex;flex-wrap:wrap;gap:10px 24px;padding:0;list-style:none;margin:18px 0;font-size:14px}
.comparison-closing{text-align:center;border-top:1px solid #e8edf5;padding-top:54px}
.comparison-closing h2,.comparison-closing p{margin-inline:auto}
.comparison-closing .comparison-actions{justify-content:center}
@media(max-width:650px){
 .comparison-page{padding-bottom:48px}
 .comparison-hero{padding:44px 0 20px}
 .comparison-hero h1{font-size:38px}
 .comparison-hero .intro{font-size:16px;margin-top:20px}
 .comparison-note{font-size:13px}
 .comparison-section{margin-top:44px}
 .comparison-plans,.comparison-examples,.comparison-choices{grid-template-columns:1fr;gap:20px}
 .comparison-plan{padding:24px}
 .comparison-price strong{font-size:44px}
 .comparison-table,.comparison-table tbody{display:block}
 .comparison-table{margin-top:8px}
 .comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .comparison-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #e8edf5;padding:18px 0;gap:12px 18px}
 .comparison-table tbody th{grid-column:1/-1;padding:0;border:0;font-size:16px}
 .comparison-table td{padding:0;border:0;font-size:14px}
 .comparison-table .product-label{display:block;font-size:12px;font-weight:600;color:#79869a;margin-bottom:6px}
 .comparison-faq summary,.comparison-faq details p{font-size:15px}
 .comparison-faq summary{padding:17px 0}
 .comparison-closing{padding-top:36px}
}