.compare-page { max-width:1440px; margin:0 auto; padding:0 6% 80px; }
.compare-page p, .compare-page li, .compare-page dd { font-size:16px; line-height:1.65; }
.compare-page a { text-underline-offset:.2em; }
.compare-page a:hover { color:var(--signal); }
.compare-page section { padding-block:80px; border-top:1px solid var(--rule); scroll-margin-top:120px; }
.compare-page h2 { font:800 italic clamp(36px,4.6vw,64px)/1.03 Anybody,sans-serif; letter-spacing:-.035em; margin:0 0 24px; text-wrap:balance; }
.compare-page h3 { font:600 24px/1.2 Bricolage,sans-serif; margin:0 0 16px; letter-spacing:-.02em; }
.compare-page p { margin:0 0 20px; }
.compare-hero { position:relative; display:grid; grid-template-columns:1.5fr .7fr; gap:32px 5%; padding:84px 0 64px; }
.compare-hero > div, .compare-method { position:relative; z-index:1; }
.compare-eyebrow { font-size:14px!important; color:var(--signal); margin:0 0 24px!important; }
.compare-hero h1 { font:800 italic clamp(48px,6.8vw,96px)/.98 Anybody,sans-serif; letter-spacing:-.045em; max-width:13ch; margin:0 0 32px; text-wrap:balance; }
.compare-deck { max-width:58ch; font-size:20px!important; line-height:1.5!important; }
.compare-hero > img { width:100%; height:100%; object-fit:cover; object-position:70% 50%; border-radius:50% 45% 42% 48%; mask-image:radial-gradient(ellipse,black 20%,transparent 72%); opacity:.88; }
.compare-method { grid-column:1/-1; max-width:88ch; font-size:14px!important; line-height:24px!important; color:var(--muted-text); margin:0!important; }
.compare-section-heading { max-width:900px; margin-bottom:40px; }
.compare-section-heading > p:not(.compare-eyebrow) { max-width:73ch; color:var(--muted-text); }
.compare-fit-grid, .compare-agent-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.compare-fit-grid article > span { display:block; color:var(--muted-text); font-size:14px; margin-bottom:24px; }
.compare-fit-grid article p, .compare-agent-grid article p { font-size:16px; line-height:1.65; }
.compare-fit-grid article a, .compare-agent-grid article a { font-size:14px; }
.compare-keep { margin:40px 0 0!important; padding:24px 0 0; border-top:1px solid var(--rule); color:var(--muted-text); max-width:90ch; }
.compare-table-wrap { width:100%; }
.compare-table { width:100%; border-collapse:collapse; text-align:left; table-layout:fixed; }
.compare-table caption { text-align:left; color:var(--muted-text); font-size:14px; padding-bottom:16px; }
.compare-table thead th { font-size:14px; font-weight:500; color:var(--muted-text); padding:16px 20px 16px 0; border-bottom:1px solid var(--rule); }
.compare-table th:first-child { width:21%; }
.compare-table tbody th, .compare-table td { vertical-align:top; padding:24px 24px 24px 0; border-bottom:1px solid var(--rule); font-size:15px; line-height:24px; }
.compare-table tbody th { font-weight:400; }
.compare-table tbody th a { display:block; font:600 20px/1.2 Bricolage,sans-serif; text-decoration:none; margin-bottom:12px; }
.compare-table tbody th > span { color:var(--muted-text); font-size:14px; line-height:22px; display:block; }
.compare-table tr:first-child th a { color:var(--signal); }
.compare-inline-sources { display:flex; gap:16px; flex-wrap:wrap; }
.compare-jump { display:flex; align-items:center; gap:20px; margin-bottom:24px; font-size:14px; }
.compare-jump select { min-height:48px; border:1px solid var(--rule); border-radius:8px; background:var(--surface); color:var(--text); font:inherit; padding:10px 36px 10px 16px; min-width:230px; }
.compare-product { scroll-margin-top:120px; border-top:1px solid var(--rule); }
.compare-product:last-child { border-bottom:1px solid var(--rule); }
.compare-product > summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 0; cursor:pointer; }
.compare-product > summary::-webkit-details-marker, .compare-faq summary::-webkit-details-marker { display:none; }
.compare-product > summary > span:first-child { display:flex; align-items:baseline; gap:24px; flex-wrap:wrap; }
.compare-product > summary strong { font:600 32px/1.2 Bricolage,sans-serif; }
.compare-product > summary > span:first-child > span { color:var(--muted-text); font-size:15px; }
.compare-expand { flex:none; display:grid; place-items:center; width:32px; height:32px; font-size:28px; font-weight:300; }
.compare-product[open] .compare-expand { transform:rotate(45deg); }
.compare-product-body { padding:4px 0 40px; }
.compare-product-fit { font:500 24px/1.4 Bricolage,sans-serif!important; max-width:50ch; }
.compare-verdict { display:grid; grid-template-columns:1fr 1fr; gap:32px; color:var(--muted-text); margin:24px 0; }
.compare-facts { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:0 48px; }
.compare-facts > div { border-top:1px solid var(--rule); padding:24px 0; }
.compare-facts dt { font:600 20px/1.2 Bricolage,sans-serif; margin-bottom:16px; }
.compare-facts dd { margin:0; }
.compare-page .compare-sources { list-style:none; padding:0; margin:12px 0 0; display:flex; flex-wrap:wrap; gap:8px 20px; }
.compare-page .compare-sources li { font-size:14px; line-height:24px; }
.compare-sources a { color:var(--muted-text); }
.compare-workflow { max-width:83ch; padding-top:24px; }
.compare-workflow h3 { font-size:20px; margin-top:24px; }
.compare-price-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.compare-price-grid article { padding:24px 0; border-top:1px solid var(--rule); }
.compare-price-grid article h3 { font-size:22px; }
.compare-page .compare-amount { font:600 44px/1.2 Bricolage,sans-serif; margin:24px 0; }
.compare-amount span { display:block; font:400 14px/24px Bricolage,sans-serif; color:var(--muted-text); margin-top:4px; }
.compare-price-grid article a { font-size:14px; }
.compare-price-grid .compare-unmatched p { color:var(--muted-text); }
.compare-scenarios article { display:grid; grid-template-columns:.85fr 1.4fr; gap:48px; padding:28px 0; border-top:1px solid var(--rule); }
.compare-scenarios article > span { font:500 24px/1.35 Bricolage,sans-serif; }
.compare-scenarios article p { margin:0; }
.compare-migration { max-width:85ch; padding-left:24px; margin:0; }
.compare-migration li { padding-left:12px; margin-bottom:24px; }
.compare-faq details { border-top:1px solid var(--rule); }
.compare-faq summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:32px; font:500 22px/1.35 Bricolage,sans-serif; padding:24px 0; cursor:pointer; }
.compare-faq summary span { width:24px; flex:none; text-align:center; }
.compare-faq details[open] summary span { transform:rotate(45deg); }
.compare-faq details > p { max-width:85ch; padding:0 40px 16px 0; }
.compare-next { padding:48px; border-radius:16px; background:linear-gradient(120deg,rgba(71,31,110,.65),rgba(38,17,57,.6)); }
.compare-next h2 { max-width:15ch; }
.compare-next p { max-width:65ch; }
.compare-text-link { display:inline-flex; align-items:center; min-height:48px; margin-left:24px; font-size:15px; }
@media(max-width:1000px) {
 .compare-fit-grid, .compare-agent-grid { gap:24px; }
 .compare-page h3 { font-size:22px; }
 .compare-table tbody th, .compare-table td { padding-right:16px; }
 .compare-hero { grid-template-columns:1fr .5fr; }
}
@media(max-width:700px) {
 .compare-page { padding:0 20px 56px; }
 .compare-page section { padding-block:48px; }
 .compare-hero { display:block; padding:56px 0 40px; }
 .compare-hero > img { display:none; }
 .compare-hero h1 { font-size:52px; }
 .compare-deck { font-size:18px!important; margin-bottom:32px!important; }
 .compare-page h2 { font-size:38px; }
 .compare-fit-grid, .compare-agent-grid, .compare-price-grid, .compare-facts, .compare-verdict { grid-template-columns:1fr; gap:24px; }
 .compare-fit-grid article, .compare-agent-grid article { border-top:1px solid var(--rule); padding-top:24px; }
 .compare-table, .compare-table tbody { display:block; }
 .compare-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .compare-table tr { display:grid; grid-template-columns:1fr; padding:24px 0; border-top:1px solid var(--rule); }
 .compare-table tbody th, .compare-table td { display:block; padding:0; border:0; width:100%!important; }
 .compare-table td { margin-top:20px; }
 .compare-table td::before { content:attr(data-label); display:block; color:var(--muted-text); font-size:13px; margin-bottom:4px; }
 .compare-table tbody th a { font-size:26px; }
 .compare-table tbody th > span { font-size:15px; }
 .compare-jump { align-items:stretch; flex-direction:column; gap:8px; }
 .compare-jump select { width:100%; }
 .compare-product > summary > span:first-child { gap:8px; flex-direction:column; }
 .compare-product > summary strong { font-size:28px; }
 .compare-product-fit { font-size:22px!important; }
 .compare-verdict { gap:0; }
 .compare-facts { gap:0; }
 .compare-price-grid { gap:8px; }
 .compare-page .compare-amount { margin:16px 0; }
 .compare-scenarios article { grid-template-columns:1fr; gap:20px; }
 .compare-faq summary { font-size:20px; gap:16px; }
 .compare-next { padding:28px 20px; margin-inline:-4px; }
 .compare-text-link { margin:16px 0 0; display:flex; }
}
