.compare-page{--compare-gap:clamp(4.5rem, 9vw, 7rem);--compare-header:4.5rem;background:var(--od-surface);color:var(--od-text)}.compare-page [hidden]{display:none!important}.compare-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.compare-section{padding-top:var(--compare-gap);scroll-margin-top:calc(var(--compare-header) + 1rem)}.compare-page :is(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--od-focus);outline-offset:2px}.compare-versus{flex-wrap:wrap;align-items:baseline;column-gap:.4em;display:inline-flex}.compare-versus__vs{color:var(--od-action-content);font-family:var(--od-font-mono);font-size:.62em;font-weight:500}.compare-hero{background:var(--od-bg);color:var(--od-text);position:relative;overflow:hidden}.compare-hero__grid{opacity:.22;pointer-events:none;background-image:linear-gradient(var(--od-surface-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--od-surface-subtle) 1px, transparent 1px);background-size:120px 120px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%,#000);mask-image:linear-gradient(90deg,#0000,#000 45%,#000)}.compare-hero__inner{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:clamp(2.5rem,6vw,5rem);padding-block:clamp(4rem,8vw,5.5rem) clamp(3.5rem,7vw,5rem);display:grid;position:relative}.compare-hero__copy{min-width:0;max-width:46rem}.compare-hero h1{letter-spacing:var(--od-tracking-tight);text-wrap:balance;margin:0 0 1.375rem;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;line-height:1.02}.compare-hero--detail h1{margin-top:1.5rem;font-size:clamp(2.75rem,6.5vw,5rem)}.compare-hero__lede{max-width:40rem;color:var(--od-text-muted);text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,1.5vw,1.1875rem);line-height:1.55}.compare-hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.compare-hero__reviewed{color:var(--od-text-subtle);margin:1.75rem 0 0;font-size:.875rem;line-height:1.5}.compare-crumbs{color:var(--od-text-muted);font-family:var(--od-font-mono);font-size:.75rem}.compare-crumbs__sep{color:var(--od-text-subtle)}.compare-crumbs a{min-height:44px;color:var(--od-text-muted);text-underline-offset:.2em;align-items:center;text-decoration:underline;display:inline-flex}.compare-crumbs a:hover{color:var(--od-text)}.compare-crumbs__current{color:var(--od-action-content)}.compare-hero__featured{border-top:1px solid var(--od-border-strong);min-width:0}.compare-hero__featured-label{color:var(--od-text-muted);margin:0;padding-block:1rem .5rem;font-size:.875rem}.compare-hero__featured :is(ul,ol){margin:0;padding:0;list-style:none}.compare-hero__featured li{border-bottom:1px solid var(--od-border)}.compare-hero__featured a{min-height:3.5rem;color:var(--od-text);letter-spacing:-.02em;transition:color var(--od-duration-fast) var(--od-ease-standard), padding var(--od-duration-fast) var(--od-ease-standard);align-items:center;padding-block:.75rem;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;text-decoration:none;display:flex}.compare-hero__featured a:hover{color:var(--od-action-content);padding-left:.5rem}.compare-heading{max-width:44rem}.compare-heading h2{font-size:clamp(1.875rem, 3.6vw, var(--od-font-size-8));letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:700;line-height:1.08}.compare-heading__body{color:var(--od-text-muted);text-wrap:pretty;margin:1rem 0 0;font-size:1.0625rem;line-height:1.6}.compare-note{max-width:48rem;color:var(--od-text-subtle);margin:1rem 0 0;font-size:.8125rem;line-height:1.6}.compare-inline-link{margin:1.5rem 0 0}.compare-inline-link a{min-height:44px;color:var(--od-action-content);text-underline-offset:.2em;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.compare-directory{margin-top:2.5rem}.compare-directory__toolbar{border-bottom:1px solid var(--od-border);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding-bottom:1.25rem;display:flex}.compare-directory__search input{border:1px solid var(--od-border);border-radius:var(--od-radius-control);background:var(--od-surface);width:min(18rem,100%);min-height:44px;color:var(--od-text);font:inherit;padding:.5rem .875rem;font-size:.9375rem}.compare-directory__search input::placeholder{color:var(--od-text-subtle)}.compare-directory__chips{flex-wrap:wrap;gap:.375rem;display:flex}.compare-chip{border:1px solid var(--od-border);border-radius:var(--od-radius-control);background:var(--od-surface);min-height:44px;color:var(--od-text);font:inherit;cursor:pointer;transition:border-color var(--od-duration-fast) var(--od-ease-standard), background-color var(--od-duration-fast) var(--od-ease-standard);padding:0 .875rem;font-size:.875rem;font-weight:500}.compare-chip:hover{border-color:var(--od-border-strong)}.compare-chip[aria-pressed=true]{border-color:var(--od-action);background:var(--od-action-soft);color:var(--od-action-content)}.compare-directory__meta{min-height:44px;color:var(--od-text-muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;font-size:.8125rem;display:flex}.compare-directory__meta p{margin:0}.compare-directory__reset{min-height:44px;color:var(--od-action-content);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.compare-directory__reset:hover{text-decoration:underline}.compare-directory__empty{border:1px dashed var(--od-border-strong);border-radius:var(--od-radius-panel);text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem;padding:3rem 1.5rem;display:flex}.compare-directory__empty p{color:var(--od-text-muted);margin:0}.compare-directory__empty .compare-directory__empty-title{color:var(--od-text);font-size:1.0625rem;font-weight:600}.compare-index{border-top:1px solid var(--od-border-strong);margin:.5rem 0 0;padding:0;list-style:none}.compare-index__item{border-bottom:1px solid var(--od-border)}.compare-index__link{color:inherit;transition:background-color var(--od-duration-fast) var(--od-ease-standard);grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,.6fr);align-items:baseline;gap:.5rem 2rem;padding:1.5rem .25rem;text-decoration:none;display:grid}.compare-index__link:hover{background:var(--od-surface-subtle)}.compare-index__name{letter-spacing:-.025em;font-size:clamp(1.25rem,2.2vw,1.625rem);font-weight:700;line-height:1.15}.compare-index__brand{color:var(--od-text-muted);font-weight:500}.compare-index__link:hover .compare-index__name{color:var(--od-action-content)}.compare-index__summary{color:var(--od-text-muted);text-wrap:pretty;font-size:.9375rem;line-height:1.55}.compare-index__category{color:var(--od-text-subtle);text-align:right;justify-self:end;font-size:.8125rem}.compare-switch,.compare-cloud{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;padding:clamp(1.75rem,4vw,3rem);display:flex}.compare-switch__copy,.compare-cloud__copy{max-width:40rem}.compare-switch h2,.compare-cloud h2{font-size:clamp(1.5rem, 2.6vw, var(--od-font-size-7));letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.12}.compare-switch p,.compare-cloud p{color:var(--od-text-muted);margin:.75rem 0 0;line-height:1.6}.compare-body{padding-top:var(--compare-gap);grid-template-columns:14rem minmax(0,1fr);align-items:start;gap:clamp(2.5rem,6vw,5rem);display:grid}.compare-toc{top:calc(var(--compare-header) + 1.5rem);max-height:calc(100vh - var(--compare-header) - 3rem);position:sticky;overflow-y:auto}.compare-toc__label{color:var(--od-text-muted);margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.compare-toc ol{border-left:1px solid var(--od-border);margin:0;padding:0;list-style:none}.compare-toc a{min-height:44px;color:var(--od-text-muted);border-left:2px solid #0000;align-items:center;margin-left:-1px;padding:.25rem 0 .25rem 1rem;font-size:.9375rem;line-height:1.35;text-decoration:none;display:flex}.compare-toc a:hover{color:var(--od-text)}.compare-toc a[aria-current=location]{border-left-color:var(--od-action);color:var(--od-text);font-weight:600}.compare-content{min-width:0;max-width:60rem}.compare-block{scroll-margin-top:calc(var(--compare-header) + 1.5rem)}.compare-block+.compare-block{margin-top:var(--compare-gap)}.compare-block>.compare-heading+*{margin-top:2rem}.compare-subheading{letter-spacing:-.02em;margin:2.5rem 0 0;font-size:1.25rem;font-weight:700}.compare-table{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface);overflow-x:auto}.compare-table table{border-collapse:collapse;width:100%;min-width:40rem}.compare-table :is(th,td){border-bottom:1px solid var(--od-border);text-align:left;vertical-align:top;text-wrap:pretty;padding:1rem 1.25rem;font-size:.9375rem;line-height:1.5}.compare-table thead th{background:var(--od-surface-subtle);color:var(--od-text-muted);font-size:.8125rem;font-weight:600}.compare-table thead th[data-side=ordering]{color:var(--od-action-content)}.compare-table tbody th{width:30%;color:var(--od-text);font-weight:600}.compare-table tbody td{color:var(--od-text-muted)}.compare-table tbody td[data-side=ordering]{color:var(--od-text)}.compare-table tbody tr:last-child :is(th,td){border-bottom:0}.compare-moves{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.compare-moves li{border:1px solid var(--od-border);border-radius:var(--od-radius-component);padding:1.25rem 1.375rem}.compare-moves h4,.compare-steps h4{margin:0;font-size:1.0625rem;font-weight:700;line-height:1.3}.compare-moves p,.compare-steps p{color:var(--od-text-muted);text-wrap:pretty;margin:.5rem 0 0;font-size:.9375rem;line-height:1.55}.compare-steps{counter-reset:compare-step;gap:0;margin:1rem 0 0;padding:0;list-style:none;display:grid}.compare-steps li{counter-increment:compare-step;padding:0 0 1.75rem 3.25rem;position:relative}.compare-steps li:before{content:counter(compare-step);border:1px solid var(--od-border-strong);border-radius:var(--od-radius-round);background:var(--od-surface);width:2rem;height:2rem;color:var(--od-action-content);font-family:var(--od-font-mono);place-items:center;font-size:.8125rem;display:grid;position:absolute;top:-.125rem;left:0}.compare-steps li:not(:last-child):after{content:"";background:var(--od-border-strong);width:1px;position:absolute;top:2rem;bottom:.25rem;left:1rem}.compare-faq{border-top:1px solid var(--od-border);flex-direction:column;display:flex}.compare-faq .faq__item{border-bottom:1px solid var(--od-border)}.compare-faq .faq__item summary{justify-content:space-between;align-items:center;gap:var(--od-space-4);min-height:44px;padding:var(--od-space-5) 0;color:var(--od-text);cursor:pointer;font-size:var(--od-font-size-3);font-weight:var(--od-font-weight-semibold);list-style:none;display:flex}.compare-faq .faq__item summary::-webkit-details-marker{display:none}.compare-faq .faq__item summary svg{transition:transform var(--od-duration-fast) var(--od-ease-standard);flex:none}.compare-faq .faq__item[open] summary svg{transform:rotate(180deg)}.compare-faq .faq__item>p{max-width:48rem;margin:0 0 var(--od-space-5);color:var(--od-text-muted);font-size:var(--od-font-size-3);text-wrap:pretty;line-height:1.6}.compare-trademark{margin-top:3rem}.compare-related h2{font-size:clamp(1.5rem, 2.6vw, var(--od-font-size-7));letter-spacing:-.03em;margin:0;font-weight:700}.compare-related ul{border-top:1px solid var(--od-border-strong);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.compare-related li{border-bottom:1px solid var(--od-border)}.compare-related a{color:inherit;flex-direction:column;gap:.375rem;padding-block:1.25rem;text-decoration:none;display:flex}.compare-related .compare-versus{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.compare-related a:hover .compare-versus{color:var(--od-action-content)}.compare-related__summary{color:var(--od-text-muted);font-size:.9375rem;line-height:1.5}.compare-hero__glow{background:radial-gradient(ellipse closest-side, color-mix(in srgb, var(--od-action) 26%, transparent), transparent);pointer-events:none;border-radius:50%;width:60vw;height:60vw;position:absolute;bottom:-30vw;right:-14vw}.compare-hero--detail .compare-hero__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}.compare-versus__rival{color:var(--od-text-muted)}.compare-scorecard{border:1px solid var(--od-border-strong);border-radius:var(--od-radius-panel);background:color-mix(in srgb, var(--od-surface) 72%, transparent);min-width:0;box-shadow:0 30px 80px -40px color-mix(in srgb, var(--od-action) 55%, transparent);padding:clamp(1.25rem,2.5vw,1.75rem)}.compare-scorecard table{border-collapse:collapse;width:100%}.compare-scorecard caption{color:var(--od-text-muted);text-align:left;padding-bottom:1rem;font-size:.875rem;font-weight:600}.compare-scorecard :is(th,td){border-top:1px solid var(--od-border);text-align:left;vertical-align:middle;padding:.8rem 0}.compare-scorecard thead th{color:var(--od-text-muted);border-top:0;padding-top:0;font-size:.8125rem;font-weight:600}.compare-scorecard thead th[data-side=ordering]{color:var(--od-action-content)}.compare-scorecard :is(thead th,td):not(:first-child){text-align:center;width:6.5rem}.compare-scorecard tbody th{color:var(--od-text);padding-right:1rem;font-size:.9375rem;font-weight:600;line-height:1.35}.compare-scorecard td svg{vertical-align:middle;color:var(--od-text-subtle);display:inline-block}.compare-scorecard td[data-side=ordering] svg{color:var(--od-action-content)}.compare-scorecard td svg.compare-scorecard__listed{color:var(--od-text-muted)}.compare-scope{color:var(--od-text-muted);margin-top:.125rem;font-size:.6875rem;font-weight:600;line-height:1.3;display:block}.compare-scorecard__note{color:var(--od-text-subtle);margin:1rem 0 0;font-size:.75rem;line-height:1.5}.compare-proof{padding-top:clamp(3rem,6vw,4.5rem)}.compare-proof__stats{border-top:2px solid var(--od-text);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;display:grid}.compare-proof__stats div{flex-direction:column-reverse;justify-content:flex-end;gap:.5rem;padding:1.5rem 1.5rem 0 0;display:flex}.compare-proof__stats div+div{border-left:1px solid var(--od-border);padding-left:1.5rem}.compare-proof__stats dd{letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:800;line-height:1}.compare-proof__stats dt{max-width:16rem;color:var(--od-text-muted);font-size:.9375rem;line-height:1.45}.compare-proof__brands{border-block:1px solid var(--od-border);flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:clamp(2rem,4vw,3rem);padding-block:1.25rem;display:flex}.compare-proof__brands p{max-width:12rem;color:var(--od-text-muted);margin:0;font-size:.875rem;font-weight:600;line-height:1.4}.compare-proof__brands ul{flex:1;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.75rem;min-width:0;margin:0;padding:0;list-style:none;display:grid}.compare-proof__logo{border-radius:var(--od-radius-component);background:var(--od-surface);width:100%;height:4.5rem;box-shadow:0 0 0 1px var(--od-border);transition:box-shadow var(--od-duration-fast) var(--od-ease-standard);justify-content:center;align-items:center;padding:.5rem .75rem;display:flex;overflow:hidden}a.compare-proof__logo:hover{box-shadow:0 0 0 2px var(--od-action)}.compare-proof__logo img{object-fit:contain;width:100%;height:100%}.compare-proof__logo[data-shape=square] img{transform:scale(1.9)}.compare-integration{border:1px solid var(--od-border);border-left:4px solid var(--od-action);border-radius:var(--od-radius-panel);background:var(--od-surface);justify-items:start;gap:1rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.compare-integration h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:700;line-height:1.2}.compare-integration p{max-width:44rem;color:var(--od-text-muted);text-wrap:pretty;margin:0;font-size:1.0625rem;line-height:1.6}.compare-reasons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.compare-reasons li{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface);flex-direction:column;padding:clamp(1.25rem,2.5vw,1.75rem);display:flex}.compare-reasons li:first-child{border-color:var(--od-action);background:var(--od-action-soft);grid-column:1/-1}.compare-reasons__proof{color:var(--od-action-content);letter-spacing:-.04em;order:-1;margin:0 0 .75rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;line-height:1}.compare-reasons h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.compare-reasons li>p:last-child{color:var(--od-text-muted);text-wrap:pretty;margin:.625rem 0 0;line-height:1.6}.compare-table__group th{background:var(--od-surface);padding-top:1.5rem;color:var(--od-text)!important;font-size:.8125rem!important;font-weight:700!important}.compare-cell{align-items:flex-start;gap:.5rem;display:inline-flex}.compare-cell svg{color:var(--od-action-content);flex:none;margin-top:.2rem}.compare-cell--missing{color:var(--od-text-subtle)}.compare-addon{border:1px solid var(--od-border-strong);border-radius:var(--od-radius-control);color:var(--od-text-muted);white-space:nowrap;flex:none;align-items:center;padding:.0625rem .4375rem;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.compare-table .compare-cell:has(.compare-addon){flex-direction:column;gap:.375rem}.compare-cell--missing svg{color:var(--od-text-subtle)}.compare-limits{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 3rem;margin:0;padding:0;list-style:none;display:grid}.compare-limits li{border-top:2px solid var(--od-text);padding-top:1.125rem}.compare-limits h3{margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.compare-limits p{color:var(--od-text-muted);text-wrap:pretty;margin:.625rem 0 0;line-height:1.6}.compare-case{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface-subtle);color:inherit;transition:border-color var(--od-duration-fast) var(--od-ease-standard);grid-template-columns:10rem minmax(0,1fr);align-items:start;gap:1.5rem 2rem;padding:clamp(1.5rem,3vw,2.25rem);text-decoration:none;display:grid}.compare-case:hover{border-color:var(--od-border-strong)}.compare-case__logo{border-radius:var(--od-radius-component);background:var(--od-surface);box-shadow:0 0 0 1px var(--od-border);justify-content:center;align-items:center;padding:.75rem;display:flex}.compare-case__logo img{width:100%;height:auto}.compare-case__copy{flex-direction:column;gap:.75rem;display:flex}.compare-case__title{letter-spacing:-.025em;font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:700;line-height:1.2}.compare-case__body{color:var(--od-text-muted);line-height:1.6}.compare-case__facts{color:var(--od-text-muted);flex-wrap:wrap;gap:.5rem 1.75rem;font-size:.9375rem;display:flex}.compare-case__facts strong{color:var(--od-text);font-size:1.25rem}.compare-case__action{color:var(--od-action-content);font-weight:600}@media (width<=1080px){.compare-body{grid-template-columns:minmax(0,1fr)}.compare-toc{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);max-height:none;padding:1rem 1.25rem;position:static}.compare-toc ol{border-left:0;flex-wrap:wrap;gap:0 1.5rem;display:flex}.compare-toc a{border-left:0;margin-left:0;padding-left:0}}@media (width<=980px){.compare-hero__inner,.compare-hero--detail .compare-hero__inner,.compare-index__link{grid-template-columns:minmax(0,1fr)}.compare-index__category{text-align:left;justify-self:start}}@media (width<=700px){.compare-hero__actions .marketing-button,.compare-directory__search,.compare-directory__search input{width:100%}.compare-reasons,.compare-limits,.compare-moves,.compare-related ul{grid-template-columns:minmax(0,1fr)}.compare-proof__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-proof__stats div:nth-child(odd){border-left:0;padding-left:0}.compare-case{grid-template-columns:minmax(0,1fr)}.compare-case__logo{max-width:9rem}.compare-proof__brands{flex-direction:column;align-items:stretch}.compare-proof__brands p{max-width:none}.compare-proof__brands ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.compare-proof__logo{height:3.75rem;padding:.375rem .5rem}}@media (width<=460px){.compare-proof__stats div{padding-right:.75rem}.compare-proof__stats div+div{padding-left:.75rem}.compare-proof__stats div:nth-child(odd){padding-left:0}.compare-scorecard :is(thead th,td):not(:first-child){width:4.5rem}}@media (prefers-reduced-motion:reduce){.compare-page *,.compare-page :after{transition:none!important}}
