/* Comparison pages build on feature.css tokens and components. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.compare-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:start;padding:56px 0 84px}
.compare-hero h1{margin:22px 0 24px;font-family:var(--display);font-size:clamp(3.31rem,5.04vw,5.47rem);font-weight:900;letter-spacing:-.03em;line-height:1.01;text-transform:none;overflow-wrap:anywhere}
.compare-hero h1 em{color:var(--lime);font-style:normal}
.compare-what{max-width:640px;margin:0;color:#b9b9bc;font-size:1.04rem;line-height:1.7}
.compare-answer{max-width:680px;margin-top:30px;padding:22px 24px;border-left:3px solid var(--lime);border-radius:0 10px 10px 0;background:#1c1c21}
.compare-answer p:last-child{margin:10px 0 0;color:#efeff2;font-size:1rem;line-height:1.7}
.compare-reviewed{margin:22px 0 0;color:#949497;font-size:.72rem;font-weight:700}
.compare-card{padding:30px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(168,255,0,.12),transparent 55%),#1c1c21}
.compare-card dl{margin:0}.compare-card dl>div{padding:18px 0;border-top:1px solid rgba(255,255,255,.13)}.compare-card dl>div:first-child{padding-top:0;border:0}
.compare-card dt{margin-bottom:10px;color:var(--lime);font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.compare-card dd{margin:0 0 7px;color:#c6c6c9;font-size:.84rem;line-height:1.55}.compare-card dd b{display:inline-block;min-width:84px;margin-right:6px;color:#ffffff}
.compare-summary{margin:18px 0 0;padding:0;list-style:none}.compare-summary li{display:grid;gap:4px;padding:13px 0;border-top:1px solid rgba(255,255,255,.13)}.compare-summary b{font-size:.84rem}.compare-summary span{color:#b6b6b9;font-size:.78rem;line-height:1.55}
.compare-table-section{padding:84px 0;border-top:1px solid rgba(255,255,255,.15)}
.compare-table-section .feature-section-heading h2{max-width:900px;overflow-wrap:anywhere}.compare-table-section .feature-section-heading>p:last-child{max-width:640px}
.compare-table-wrap{margin-top:30px;border:1px solid rgba(255,255,255,.18);border-radius:14px;overflow:hidden}
.compare-table{width:100%;border-collapse:collapse;table-layout:fixed}
.compare-table th,.compare-table td{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left;vertical-align:top}
.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}
.compare-table thead th{background:#0d0d0f;color:#a3a3a6;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.compare-table thead th:nth-child(2){color:var(--lime)}
.compare-table th[scope=row]{width:24%;font-size:.86rem;font-weight:800}
.compare-table td:nth-child(2){background:rgba(168,255,0,.04)}
.compare-note{display:block;margin-top:8px;color:#b2b2b5;font-size:.78rem;line-height:1.55}
.compare-status{display:inline-block;padding:4px 9px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.compare-status-yes{background:var(--lime);color:var(--ink)}
.compare-status-paid{background:#323239;color:var(--lime);box-shadow:inset 0 0 0 1px rgba(168,255,0,.4)}
.compare-status-limited{background:#2d2d34;color:#e5e5e8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.compare-status-no{background:transparent;color:#9e9ea1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.compare-status-nf{background:transparent;color:#9e9ea1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.compare-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;padding:84px 0 96px;border-top:1px solid rgba(255,255,255,.15)}
.compare-split h2{margin:15px 0 26px;font-family:var(--display);font-size:clamp(2.02rem,2.74vw,3.17rem);font-weight:900;letter-spacing:-.03em;line-height:1.05;text-transform:none;overflow-wrap:anywhere}
.compare-strengths ul{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.15)}.compare-strengths li{padding:16px 0 16px 28px;border-bottom:1px solid rgba(255,255,255,.15);color:#e1e1e4;font-size:.9rem;line-height:1.55;position:relative}.compare-strengths li::before{content:"+";position:absolute;left:4px;color:var(--lime);font-weight:900}
.compare-differences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border:1px solid rgba(255,255,255,.18);border-radius:12px;overflow:hidden}
.compare-differences li{padding:24px 22px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.compare-differences li:nth-child(2n){border-right:0}.compare-differences li:nth-last-child(-n+2){border-bottom:0}
.compare-differences h3{margin:0 0 8px;font-family:var(--display);font-size:1.38rem;font-weight:900;line-height:1;text-transform:none}.compare-differences p{margin:0;color:#afafb2;font-size:.8rem;line-height:1.65}
.compare-price>div p{max-width:560px;margin:0 0 14px;color:#323239;font-size:.96rem;line-height:1.75}.compare-price>div p.compare-fine{margin:0;color:#606063;font-size:.78rem}
.compare-hub{padding:20px 0 100px;border-top:1px solid rgba(255,255,255,.15)}
.compare-hub-group{padding-top:56px}.compare-hub-group h2{margin:0 0 22px;font-family:var(--display);font-size:clamp(1.87rem,2.59vw,2.88rem);font-weight:900;letter-spacing:-.03em;line-height:1.05;text-transform:none}
.compare-hub-group ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.compare-hub-group a{position:relative;display:flex;flex-direction:column;gap:9px;height:100%;padding:22px 46px 22px 22px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#18181c;transition:border-color .15s,background .15s}
.compare-hub-group a:hover{border-color:rgba(168,255,0,.55);background:#1c1c21}
.compare-hub-name{font-size:.98rem;font-weight:800}.compare-hub-what{color:#aeaeb1;font-size:.78rem;line-height:1.55}.compare-hub-go{position:absolute;top:20px;right:20px;color:var(--lime);font-weight:800}
.compare-legal{display:block!important;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.compare-legal p{max-width:900px;margin:0;color:#848487;font-size:.68rem;line-height:1.65}.compare-legal a{color:#c8c8cb;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.compare-hero{grid-template-columns:1fr;gap:40px}.compare-split{grid-template-columns:1fr;gap:50px}.compare-hub-group ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.compare-hero{padding:44px 0 60px}.compare-hero h1{font-size:clamp(2.45rem,10.1vw,3.74rem)}.compare-what{font-size:.94rem}.compare-answer{padding:18px}.compare-card{padding:22px}.compare-card dd b{display:block;min-width:0}
.compare-table-section{padding:64px 0}.compare-table,.compare-table tbody,.compare-table tr,.compare-table th,.compare-table td{display:block;width:auto}.compare-table thead{display:none}
.compare-table tbody tr{padding:16px;border-bottom:1px solid rgba(255,255,255,.14)}.compare-table tbody tr:last-child{border-bottom:0}
.compare-table th[scope=row]{width:auto;padding:0 0 10px;border:0;font-size:.92rem}.compare-table td{padding:10px 0 10px 0;border:0;border-top:1px solid rgba(255,255,255,.08);background:none!important}
.compare-table td::before{display:block;margin-bottom:6px;color:#949497;font-size:.6rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.compare-table td:nth-child(2)::before{content:"MaxRep";color:var(--lime)}.compare-table td:nth-child(3)::before{content:attr(data-label)}
.compare-split{padding:64px 0 70px}.compare-differences{grid-template-columns:1fr}.compare-differences li{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.15)!important}.compare-differences li:last-child{border-bottom:0!important}
.compare-hub-group ul{grid-template-columns:1fr}}
.compare-hero{align-items:center}.compare-hero-media{margin:0;min-width:0}
.compare-facts{margin:0 0 84px}.compare-facts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px}.compare-facts dl>div{padding:0;border:0}.compare-facts dl>div:first-child{padding:0}
.compare-facts .compare-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px}
@media(max-width:1100px){.compare-facts dl{grid-template-columns:1fr}.compare-facts .compare-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.compare-facts{margin-bottom:60px}.compare-facts .compare-summary{grid-template-columns:1fr}}