.compare-page{--ink:var(--color-primary);--muted:#5e6878;--line:var(--color-border);color:var(--ink);background:var(--color-background);font-family:var(--font-body);font-size:16px;line-height:1.75}.compare-page *{box-sizing:border-box}.compare-page ::selection{color:var(--ink);background:#dfffb8}.compare-page a{text-underline-offset:4px}.compare-page a:focus-visible,.compare-page summary:focus-visible,.compare-page .table-wrap:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.compare-page .wrap{width:min(1120px,100% - 48px);margin-inline:auto}.compare-page .skip{z-index:50;background:#fff;padding:10px;position:fixed;top:-64px;left:16px}.compare-page .skip:focus{top:10px}.compare-page h1,.compare-page h2,.compare-page h3{font-family:var(--font-heading);text-wrap:balance;color:var(--ink);margin:0}.compare-page h1{letter-spacing:-.035em;font-weight:700;line-height:1.08}.compare-page h2{letter-spacing:-.025em;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.2}.compare-page h3{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.35}.compare-page .hero{text-align:center;padding-top:80px}.compare-page .hero h1{max-width:900px;margin-inline:auto;font-size:clamp(38px,5vw,64px)}.compare-page .lead{max-width:780px;color:var(--muted);margin:24px auto 0;font-size:18px;line-height:1.75}.compare-page .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.compare-page .hero-note{color:var(--muted);margin:16px 0 0;font-size:13px}.compare-page .hero-proof{margin:48px 0 0}.compare-page .hero-proof>a,.compare-page .proof-row figure>a{background:#fff;border:1px solid #e8edf2;border-radius:18px;padding:8px;display:block;box-shadow:0 4px 18px #1f29370d}.compare-page img{max-width:100%}.compare-page .hero-proof img,.compare-page .proof-row img{border-radius:12px;width:100%;height:auto;display:block}.compare-page figcaption{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6}.compare-page .hero-proof figcaption{text-align:left;justify-content:space-between;gap:24px;display:flex}.compare-page .hero-proof figcaption a{margin-left:4px}.compare-page .section{padding-block:60px}.compare-page section[id]{scroll-margin-top:80px}.compare-page .section-head{text-align:center;max-width:780px;margin:0 auto 40px}.compare-page .section-head>p{color:var(--muted);margin:20px 0 0}.compare-page .table-wrap{border:1px solid var(--line);background:var(--color-card);border-radius:12px;overflow:auto}.compare-page table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;font-size:15px}.compare-page th,.compare-page td{border-bottom:1px solid var(--line);vertical-align:top;padding:24px}.compare-page thead th{vertical-align:middle;font-family:var(--font-heading);font-size:24px;font-weight:600}.compare-page thead th:first-child{width:23%;font-family:var(--font-body);color:var(--muted);font-size:14px;font-weight:500}.compare-page thead th span{font-family:var(--font-body);color:var(--muted);margin-top:8px;font-size:13px;font-weight:400;display:block}.compare-page thead img{object-fit:contain;display:block}.compare-page tbody th{font-size:14px;font-weight:500}.compare-page td{color:var(--muted)}.compare-page td:nth-child(2),.compare-page thead th:nth-child(2){background:var(--color-background)}.compare-page tr:last-child>*{border-bottom:0}.compare-page .source-note{max-width:900px;color:var(--muted);margin-top:16px;font-size:12px;line-height:1.7}.compare-page .proof-row{grid-template-columns:1fr 1.2fr;align-items:center;gap:48px;margin-top:48px;display:grid}.compare-page .proof-copy p{color:var(--muted);margin:20px 0}.compare-page .proof-copy .detail{font-size:14px}.compare-page .proof-row figure{margin:0}.compare-page .text-link{min-height:44px;color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:underline;display:inline-flex}.compare-page .text-link:hover{color:var(--color-link)}.compare-page .reverse{grid-template-columns:1.2fr 1fr;margin-top:64px}.compare-page .reverse .proof-copy{grid-area:1/2}.compare-page .reverse figure{grid-area:1/1}.compare-page .decision>h2{text-align:center;max-width:780px;margin-inline:auto}.compare-page .choices{grid-template-columns:1fr 1fr;gap:48px;margin-top:40px;display:grid}.compare-page .choices article{border-top:1px solid var(--line);padding-top:24px}.compare-page .choices p{color:var(--muted);margin:20px 0 24px}.compare-page .faq{max-width:800px;padding-block:60px}.compare-page .faq h2{text-align:center;margin-bottom:32px}.compare-page .faq details{border-bottom:1px solid var(--line)}.compare-page summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:20px 0;font-size:16px;font-weight:600;line-height:1.5;list-style:none;display:flex}.compare-page summary::-webkit-details-marker{display:none}.compare-page .faq-icon{color:var(--muted);flex-shrink:0}.compare-page details[open] .faq-icon{transform:rotate(45deg)}.compare-page details p{color:var(--muted);margin:0 36px 24px 0;font-size:15px}.compare-page .sources{border-top:1px solid var(--line);padding-top:24px;padding-bottom:60px}.compare-page .sources h2{font-family:var(--font-body);letter-spacing:0;font-size:16px}.compare-page .sources p{max-width:880px;color:var(--muted);margin-block:16px;font-size:13px}.compare-page .sources div{flex-wrap:wrap;gap:12px 24px;font-size:13px;display:flex}.compare-page .sources a{text-decoration:underline}.compare-page .index-title{text-align:center;max-width:900px;margin-inline:auto;font-size:clamp(38px,5vw,64px)}.compare-page .index-intro{max-width:780px;color:var(--muted);text-align:center;margin:24px auto 40px}.compare-page .compare-index-card{border:1px solid var(--line);background:var(--color-card);border-radius:12px;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;padding:32px;text-decoration:none;display:grid}.compare-page .compare-index-card p{color:var(--muted);margin:20px 0}.compare-page .compare-index-card img{border-radius:12px;height:auto}.compare-page .compare-index-card:hover{border-color:var(--color-secondary)}@media (max-width:760px){.compare-page .wrap{width:calc(100% - 32px)}.compare-page .hero{padding-top:48px}.compare-page .hero h1,.compare-page .index-title{letter-spacing:-.025em;font-size:32px;line-height:1.15}.compare-page .lead{margin-top:20px;font-size:16px}.compare-page .actions{flex-direction:column}.compare-page .actions a{white-space:normal;height:auto;min-height:48px}.compare-page .hero-proof{margin-top:32px}.compare-page .hero-proof figcaption,.compare-page .hero-proof figcaption>span{display:block}.compare-page .section,.compare-page .faq{padding-block:48px}.compare-page .section-head{margin-bottom:28px}.compare-page table{min-width:620px;font-size:14px}.compare-page th,.compare-page td{padding:20px}.compare-page .proof-row,.compare-page .reverse{grid-template-columns:1fr;gap:24px;margin-top:40px}.compare-page .reverse .proof-copy,.compare-page .reverse figure{grid-area:auto}.compare-page h3{font-size:22px}.compare-page .choices{grid-template-columns:1fr;gap:24px;margin-top:28px}.compare-page .sources{padding-bottom:48px}.compare-page .compare-index-card{grid-template-columns:1fr;gap:24px;padding:24px}}.compare-page .compare-switcher{justify-content:center;align-items:center;gap:16px;margin-bottom:28px;font-size:18px;font-weight:600;display:flex;position:relative}.compare-page .compare-switcher>span{color:var(--muted);font-weight:400}.compare-page .compare-switcher summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.compare-page .compare-switcher summary::-webkit-details-marker{display:none}.compare-page .compare-switcher summary>svg{transition:transform .2s}.compare-page .compare-switcher details[open] summary>svg{transform:rotate(180deg)}.compare-page .compare-switcher img{object-fit:contain;flex-shrink:0}.compare-page .compare-switcher-menu{z-index:20;text-align:left;background:#fff;border:1px solid #e8e8e8;border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;width:min(640px,100vw - 32px);padding:24px;display:grid;position:absolute;top:calc(100% + 20px);left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0f172a24}.compare-page .compare-switcher-menu a{border-radius:12px;align-items:center;gap:16px;min-height:72px;padding:16px;font-size:18px;display:flex}.compare-page .compare-switcher-menu a:hover,.compare-page .compare-switcher-menu a:focus-visible{background:#f7f7f7}.compare-page .compare-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.compare-page .compare-link-grid>a{background:#f7f7f7;border-radius:16px;align-items:center;gap:16px;min-height:100px;padding:24px;font-weight:600;transition:background .15s;display:flex}.compare-page .compare-link-grid>a:hover{background:#eee}.compare-page .compare-link-grid>a>svg{color:#a0a0a0;flex-shrink:0;margin-left:auto}.compare-page .compare-product-logo{object-fit:contain;flex-shrink:0;width:32px;height:32px}.compare-page .compare-link-label{line-height:1.4}.compare-page .compare-vs{color:#999;margin-inline:3px;font-weight:400}@media (max-width:480px){.compare-page .compare-switcher-menu{border-radius:20px;gap:4px;padding:12px}.compare-page .compare-switcher-menu a{gap:10px;padding:12px 8px;font-size:15px}.compare-page .compare-switcher-menu img{width:28px;height:28px}}@media (max-width:800px){.compare-page .compare-link-grid{grid-template-columns:1fr}}.compare-page .hero h1{font-family:var(--font-outfit), sans-serif;letter-spacing:normal;max-width:940px;font-size:34px;font-weight:600;line-height:1.25}.compare-page .hero .lead{color:#2f4b43;margin-top:8px;font-size:16px;line-height:1.4}.compare-page .hero .actions{gap:24px;margin-top:40px}.compare-page .hero .actions a{border:0;border-radius:999px;height:auto;padding:12px 20px;font-size:14px;font-weight:500;line-height:16px}.compare-page .hero .actions a:first-child{color:#0f172a;background:#78d701}.compare-page .hero .actions a:last-child{color:#fff;background:#0f172a}.compare-page .homepage-preview{text-align:left;line-height:1.4}.compare-page .homepage-preview h2,.compare-page .homepage-preview h3{font-family:inherit;font-size:revert-layer;line-height:revert-layer;font-weight:revert-layer;letter-spacing:normal;text-wrap:initial}@media (min-width:640px){.compare-page .hero h1{font-size:44px}}@media (min-width:768px){.compare-page .hero h1{font-size:54px;line-height:1.12}}.compare-page .compare-switcher-menu{overscroll-behavior:contain;max-height:min(650px,70dvh);overflow-y:auto}.compare-page .competitor-evidence img{width:100%;height:auto}.compare-page .competitor-evidence{margin:0}
