/* Shared comparison design: public October pages and the static Lantern site. */
.cmp,.cmp-nav,.cmp-site-footer{box-sizing:border-box;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.cmp *,.cmp-nav *,.cmp-site-footer *{box-sizing:border-box}
.cmp{--cmp-ink:#f4f4f4;--cmp-muted:#b2b2b2;background:linear-gradient(160deg,#151515 0%,#0b0b0b 75%);color:var(--cmp-ink);line-height:1.6;letter-spacing:-.015em;text-align:left;isolation:isolate}
.cmp a,.cmp-nav a,.cmp-site-footer a{color:inherit;text-decoration:none}
.cmp a:focus-visible,.cmp summary:focus-visible,.cmp [tabindex]:focus-visible,.cmp-nav a:focus-visible,.cmp-site-footer a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.cmp-container{width:min(1400px,calc(100% - 80px));margin-inline:auto}
.cmp-home{padding:110px 0 90px;margin:0;max-width:none}
.cmp-intro{text-align:center;margin:0 auto 76px;max-width:880px}
.cmp .cmp-eyebrow{margin:0 0 26px;color:#b2b2b2;font-size:12px;font-weight:650;letter-spacing:.22em;text-transform:uppercase}
.cmp h1,.cmp h2,.cmp h3{color:var(--cmp-ink);font-family:inherit;font-style:normal;text-transform:none;font-weight:620;letter-spacing:-.055em}
.cmp-intro h1,.cmp-intro h2{font-size:clamp(38px,4.3vw,68px);line-height:1.08;margin:0 auto;max-width:790px;text-wrap:balance}
.cmp-intro>p:not(.cmp-eyebrow){font-size:21px;line-height:1.55;color:var(--cmp-muted);max-width:740px;margin:28px auto 0;text-wrap:pretty}
.cmp-grid{display:grid;gap:22px}
.cmp-grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}
.cmp-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:310px;padding:30px 30px 32px;border:1px solid #2b2b2b;border-radius:26px;background:#0e0e0e;box-shadow:0 8px 22px #00000016;transition:border-color 160ms ease,background-color 160ms ease}
.cmp-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}
.cmp-mark{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:64px;height:64px;padding:8px;background:#fff;border-radius:16px;overflow:hidden;vertical-align:middle}
.cmp-mark img{display:block;object-fit:contain;width:100%;height:100%;max-width:100%;margin:0}
.cmp-arrow{display:inline-flex;flex:0 0 auto;width:20px;height:20px;color:#a2a2a2}
.cmp-arrow svg,.cmp-all>svg{width:20px;height:20px}
.cmp .cmp-card__label{display:block;color:#a8a8a8;font-size:15px;line-height:1.45;margin:0 0 7px;letter-spacing:-.01em}
.cmp .cmp-card h3{margin:0 0 15px;font-size:23px;line-height:1.22;letter-spacing:-.035em;overflow-wrap:anywhere}
.cmp .cmp-card p{font-size:17px;line-height:1.65;color:#b2b2b2;margin:0;letter-spacing:-.02em}
.cmp-all{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:42px;color:#e6e6e6;font-size:15px}
.cmp-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border:1px solid #555;border-radius:100px;font-size:15px;font-weight:550}
.cmp-all .cmp-button{border:0;padding:8px}
.cmp-directory{padding:90px 0 110px;min-height:80vh}
.cmp-directory .cmp-intro{margin-bottom:80px}
.cmp-directory .cmp-intro h1{font-size:clamp(42px,5vw,80px);max-width:1100px}
.cmp-grid--directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cmp-roundup{display:grid;grid-template-columns:88px 1fr 20px;align-items:center;gap:30px;margin-bottom:28px;border:1px solid #2b2b2b;background:#0e0e0e;border-radius:28px;padding:42px 38px;transition:border-color 160ms ease}
.cmp-roundup__mark{display:grid;place-items:center}
.cmp-roundup__mark img{object-fit:contain;max-width:76px;max-height:76px}
.cmp .cmp-roundup h2{font-size:30px;line-height:1.25;letter-spacing:-.04em;margin:0 0 10px}
.cmp .cmp-roundup p{font-size:18px;color:var(--cmp-muted);margin:0;line-height:1.55}
.cmp-footer-links{grid-column:1/-1;padding:32px 0 36px;text-transform:none;letter-spacing:0;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
.cmp-footer-links h2{font-size:15px!important;margin:0 0 22px!important;letter-spacing:0!important;font-weight:600!important;line-height:1.4!important;color:inherit!important}
.cmp-footer-links>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 26px}
.cmp-footer-links a{line-height:1.5;overflow-wrap:anywhere}
.cmp-site-footer{background:#111;color:#b2b2b2;padding:14px max(40px,calc((100% - 1400px)/2)) 32px}
.cmp-site-footer__end{border-top:1px solid #333;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}
.cmp-brand{display:inline-flex;gap:10px;align-items:center;font-size:18px;font-weight:600;letter-spacing:-.035em}
.cmp-brand img{width:28px;height:28px;object-fit:contain}
.cmp-nav{min-height:78px;background:#111;color:#f3f3f3;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:14px max(40px,calc((100% - 1400px)/2));border-bottom:1px solid #2b2b2b;position:relative;z-index:10}
.cmp-nav nav{display:flex;gap:26px;font-size:13px;color:#bbb;align-items:center}
.cmp-nav__cta{border:1px solid #555;padding:9px 17px;border-radius:100px;font-size:13px;white-space:nowrap}
.cmp-detail{padding:36px 0 70px;min-height:75vh}
.cmp-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#b2b2b2;font-size:13px;margin-bottom:65px}
.cmp-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.cmp-article-head{text-align:center;max-width:1000px;margin:0 auto 64px}
.cmp-versus{display:flex;gap:18px;justify-content:center;align-items:center;margin-bottom:30px;color:#999;font-size:16px}
.cmp-versus>img{object-fit:contain}
.cmp-versus .cmp-mark{width:60px;height:60px}
.cmp-article-head h1{font-size:clamp(38px,5.4vw,76px);line-height:1.1;margin:0 0 25px;text-wrap:balance}
.cmp .cmp-lede{color:#bdbdbd;font-size:clamp(19px,2vw,24px);line-height:1.5;margin:0 auto 22px;max-width:790px;text-wrap:pretty}
.cmp .cmp-checked{color:#a8a8a8;font-size:13px;letter-spacing:0;line-height:1.6}
.cmp-checked a,.cmp-sources a,.cmp-cite,.cmp-text-link{text-decoration:underline!important;text-underline-offset:4px}
.cmp-article{max-width:1000px;margin:auto}
.cmp-article>p,.cmp-section>p{font-size:18px;color:#c3c3c3;line-height:1.85;max-width:840px;margin:20px 0}
.cmp-article .cmp-summary{font-size:21px;line-height:1.8;max-width:880px;margin:0 auto 54px;color:#d5d5d5}
.cmp-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cmp-choices>section{padding:30px;border:1px solid #333;border-radius:22px;background:#131313}
.cmp .cmp-choices h2{font-size:24px;line-height:1.25;letter-spacing:-.035em;margin:0 0 22px}
.cmp-choices ul{list-style:disc;padding-left:20px;color:#bbb;font-size:16px;line-height:1.8;margin:0}
.cmp-choices li+li{margin-top:12px}
.cmp-section{padding-top:64px}
.cmp .cmp-section>h2,.cmp-end h2{font-size:clamp(28px,3vw,39px);line-height:1.15;margin:0 0 25px;letter-spacing:-.045em}
.cmp .cmp-section>.cmp-eyebrow{margin-bottom:15px}
.cmp-table-scroll{overflow:auto;border:1px solid #333;border-radius:20px;overscroll-behavior-x:contain}
.cmp table{border-collapse:collapse;min-width:680px;width:100%;font-size:15px;text-align:left;color:#c1c1c1}
.cmp caption{text-align:left;padding:18px 22px;color:#aaa;background:#181818;font-size:13px}
.cmp th,.cmp td{padding:22px;vertical-align:top;border-bottom:1px solid #303030;line-height:1.7;letter-spacing:0;overflow-wrap:anywhere}
.cmp thead th{font-size:17px;color:#f1f1f1;background:#161616;font-weight:600}
.cmp tbody th{width:21%;font-weight:500;color:#e5e5e5;background:#151515}
.cmp td{width:39.5%}
.cmp tr:last-child td,.cmp tr:last-child th{border-bottom:0}
.cmp-cite{font-size:12px;white-space:nowrap}
.cmp-faq details{border-bottom:1px solid #333;padding:21px 0}
.cmp-faq summary{cursor:pointer;font-size:18px;color:#e8e8e8;line-height:1.55}
.cmp-faq details p{color:#bdbdbd;font-size:17px;line-height:1.8;max-width:850px;margin-bottom:0}
.cmp-sources ol{padding-left:24px;font-size:15px;color:#bdbdbd;line-height:2;overflow-wrap:anywhere}
.cmp .cmp-sources p{font-size:15px;line-height:1.8}
.cmp .cmp-trademark{color:#999;font-size:13px}
.cmp-end{padding:48px 35px;margin-top:60px;text-align:center;border:1px solid #333;border-radius:26px;background:#151515}
.cmp-end p{color:#bbb;font-size:18px;margin:0 0 24px}
.cmp-button--light{background:#f1f1f1!important;color:#161616!important;border-color:#f1f1f1}
.cmp-grid--related{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}
.cmp-grid--related .cmp-card{padding:24px;min-height:290px}
.cmp-grid--related .cmp-card h3{font-size:21px}
.cmp-roundup-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cmp-roundup-list article{border:1px solid #333;border-radius:24px;padding:28px;background:#111}
.cmp-roundup-list__title{display:flex;align-items:center;gap:16px}
.cmp-roundup-list__title h3{font-size:23px;line-height:1.25;margin:0}
.cmp-roundup-list__title .cmp-mark{width:48px;height:48px;border-radius:12px}
.cmp-roundup-list p{font-size:16px;color:#bbb;line-height:1.75;margin:20px 0}
.cmp-text-link{font-size:15px;line-height:1.6;color:#e1e1e1!important}
.ol-footer__comparisons{grid-column:1/-1;border-top:1px solid var(--ol-line);color:var(--ol-muted)}
.ol-footer__comparisons .cmp-footer-links{padding-bottom:0}
.lantern-comparison-footer{border-top:1px solid #ddd;margin-top:20px}
@media(hover:hover){.cmp-card:hover,.cmp-roundup:hover{border-color:#606060;background:#151515}.cmp-nav a:hover,.cmp-site-footer a:hover{color:#fff}.cmp a:not(.cmp-card):not(.cmp-roundup):hover{text-decoration:underline;text-underline-offset:4px}}
@media(min-width:1700px){.cmp-home .cmp-container{max-width:1420px}.cmp-card{min-height:330px}}
@media(max-width:1100px){.cmp-grid--home{grid-template-columns:repeat(3,minmax(0,1fr))}.cmp-card{padding:26px;min-height:310px}.cmp-nav nav{gap:16px}.cmp-footer-links>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.cmp-container{width:calc(100% - 48px)}.cmp-grid--home,.cmp-grid--directory{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-home,.cmp-directory{padding:75px 0}.cmp-intro{margin-bottom:48px}.cmp-directory .cmp-intro{margin-bottom:48px}.cmp-grid--related{grid-template-columns:1fr}.cmp-grid--related .cmp-card{min-height:0}.cmp-nav{padding-inline:24px}.cmp-nav nav{display:none}.cmp-roundup{padding:28px;gap:20px;grid-template-columns:64px 1fr 20px}.cmp-roundup__mark img{max-width:60px;height:60px}.cmp .cmp-roundup h2{font-size:25px}.cmp-article-head{margin-bottom:42px}.cmp-site-footer{padding-inline:24px}.cmp-footer-links>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.cmp-container{width:calc(100% - 36px)}.cmp-home,.cmp-directory{padding:60px 0}.cmp-intro h2{font-size:38px}.cmp-directory .cmp-intro h1{font-size:44px}.cmp-intro>p:not(.cmp-eyebrow){font-size:18px}.cmp-grid--home,.cmp-grid--directory{grid-template-columns:1fr;gap:18px}.cmp-card{padding:26px;min-height:290px;border-radius:24px}.cmp-card__top{margin-bottom:28px}.cmp .cmp-card h3{font-size:25px}.cmp .cmp-card p{font-size:18px}.cmp-roundup{grid-template-columns:46px 1fr;gap:18px;padding:26px 22px;border-radius:24px}.cmp-roundup .cmp-arrow{display:none}.cmp-roundup__mark img{width:46px;height:46px}.cmp .cmp-roundup h2{font-size:23px}.cmp .cmp-roundup p{font-size:16px}.cmp-footer-links>div{font-size:13px;gap:14px 20px}.cmp-site-footer__end{flex-wrap:wrap}.cmp-site-footer__end p{order:3;width:100%;margin:0}.cmp-choices,.cmp-roundup-list{grid-template-columns:1fr}.cmp-detail{padding-top:28px}.cmp-breadcrumb{margin-bottom:42px;font-size:12px;gap:8px}.cmp-article-head h1{font-size:42px}.cmp .cmp-lede{font-size:20px}.cmp-article .cmp-summary{font-size:19px;line-height:1.8}.cmp-section{padding-top:46px}.cmp-choices>section{padding:25px}.cmp-end{padding:36px 22px}.cmp th,.cmp td{padding:18px}.cmp-nav{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.cmp-card,.cmp-roundup{transition:none}}
.cmp-skip{position:absolute;left:18px;top:-100px;z-index:100;background:#fff;color:#111;padding:12px 18px;border-radius:8px}.cmp-skip:focus{top:12px}
.cmp-lantern-page{background:#111}.cmp-lantern-page body{margin:0;background:#111}.cmp-lantern-page .site-header{position:relative;inset:auto;min-height:84px;background:#111;color:#f4f4f4;margin:0 auto;border-bottom:1px solid #333}.cmp-lantern-page .site-header .brand,.cmp-lantern-page .site-header nav a{color:#eee}.cmp-lantern-page .site-header .header-link{color:#eee;border-color:#555}.cmp-lantern-page .site-header .brand-by{color:#aaa}.cmp-lantern-page .site-header .brand img{object-fit:contain}
.cmp-lantern-page .cmp-site-footer p{margin:0}.cmp-lantern-page .cmp-site-footer h2{color:inherit}

/* Keep the homepage overview in proportion with the surrounding product sections. */
.cmp-home{padding:76px 0 64px}
.cmp-home .cmp-container{width:min(1120px,calc(100% - 80px));max-width:1120px}
.cmp-home .cmp-intro{max-width:650px;margin-bottom:46px}
.cmp-home .cmp-eyebrow{font-size:11px;margin-bottom:20px}
.cmp-home .cmp-intro h2{font-size:clamp(30px,3.3vw,46px);line-height:1.14;max-width:650px}
.cmp-home .cmp-grid{gap:18px}
.cmp-home .cmp-card{min-height:246px;padding:22px;border-radius:20px}
.cmp-home .cmp-card__top{margin-bottom:24px}
.cmp-home .cmp-mark{width:48px;height:48px;padding:6px;border-radius:12px}
.cmp-home .cmp-arrow,.cmp-home .cmp-arrow svg{width:18px;height:18px}
.cmp-home .cmp-card__label{font-size:12px;margin-bottom:5px}
.cmp-home .cmp-card h3{font-size:19px;margin-bottom:11px}
.cmp-home .cmp-card p{font-size:14px;line-height:1.6}
.cmp-home .cmp-all{margin-top:28px}
.cmp-home .cmp-all .cmp-button{font-size:14px}
/* Product marks must stay bounded even if the source asset has large dimensions. */
.cmp-versus>img{flex:0 0 52px;width:52px;height:52px;max-width:52px}
@media(max-width:850px){.cmp-home{padding:60px 0 50px}.cmp-home .cmp-container{width:calc(100% - 48px)}.cmp-home .cmp-intro{margin-bottom:36px}}
@media(max-width:540px){.cmp-home{padding:50px 0 40px}.cmp-home .cmp-container{width:calc(100% - 40px)}.cmp-home .cmp-intro h2{font-size:30px}.cmp-home .cmp-card{min-height:220px}.cmp-home .cmp-card__top{margin-bottom:20px}}