.compare-page{--compare-ink: #f4f0ff;--compare-muted: #aaa6b5;--compare-line: rgba(221, 214, 254, .12);position:relative;isolation:isolate;overflow:hidden;color:var(--compare-ink);background:radial-gradient(ellipse 70% 30% at 85% 10%,rgba(109,65,173,.09),transparent 75%),#18181b}.compare-page :is(a,button):focus-visible{outline:2px solid #c4b5fd;outline-offset:5px}.compare-shell{width:min(100% - 64px,1160px);margin-inline:auto}.compare-skip-link{position:absolute;top:16px;left:24px;z-index:100;transform:translateY(-200%);border-radius:6px;padding:12px 20px;background:#ede9fe;color:#18181b}.compare-skip-link:focus{transform:translateY(0)}.compare-browse-link{display:inline-flex;align-items:center;gap:16px;margin-top:29px;padding-block:8px;font-size:13px;font-weight:500;color:#e5d9fc}.compare-browse-link svg{width:16px;height:16px;transition:transform .18s ease}.compare-browse-link:hover svg{transform:translateY(3px)}@media(max-width:767px){.compare-shell{width:calc(100% - 40px)}}@media(prefers-reduced-motion:reduce){html:has(.compare-page){scroll-behavior:auto}.compare-page *,.compare-page *:before,.compare-page *:after{transition:none!important;animation:none!important}.compare-browse-link:hover svg{transform:none}}.comparison-hero{position:relative;isolation:isolate;padding-block:104px}.comparison-hero-stars,.comparison-hero-glow{position:absolute;inset:0;z-index:-1;pointer-events:none}.comparison-hero-stars{opacity:.65;mask-image:linear-gradient(transparent,black 18%,black 72%,transparent)}.comparison-hero-glow{background:radial-gradient(ellipse 45% 55% at 50% 42%,rgba(24,24,27,.7),transparent),radial-gradient(ellipse 52% 55% at 50% 65%,rgba(124,58,237,.12),transparent)}.comparison-hero-content{text-align:center}.comparison-hero h1{margin:0 auto;font-size:clamp(64px,8vw,108px);font-weight:500;line-height:1.03;letter-spacing:-.065em;color:#f5f1fc}.comparison-hero h1 span{color:#bc93ef;background:linear-gradient(115deg,#e3d5f8 8%,#b897e8 48%,#9472d5 92%);background-clip:text;-webkit-text-fill-color:transparent}.comparison-hero-description{max-width:515px;margin:24px auto 0;color:#bcb5c8;font-size:16px;line-height:1.85;text-wrap:pretty}.comparison-library{position:relative;scroll-margin-top:112px;padding-block:16px 48px}.comparison-library-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.comparison-library h2{font-size:clamp(25px,3vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1.2}.comparison-library h2 span{color:#a78bdb}.comparison-library-note{max-width:270px;color:#aaa3b5;font-size:12px;line-height:1.8}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.comparison-grid>li{min-width:0}.comparison-entry{position:relative;isolation:isolate;display:flex;flex-direction:column;height:100%;padding:28px 30px 20px;border-top:1px solid transparent;border-radius:16px;background-color:var(--color-zinc-900, #18181b);background-image:linear-gradient(135deg,#ddd6fe0e,#ddd6fe03 65%);box-shadow:inset 0 1px #ede9fe0d,0 14px 36px -22px #00000080}@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){.comparison-entry{background-color:#18181bb8;-webkit-backdrop-filter:blur(10px) saturate(115%);backdrop-filter:blur(10px) saturate(115%)}}.comparison-entry:after{content:"";position:absolute;inset:0;border:1px solid var(--compare-line);border-radius:inherit;pointer-events:none;transition:border-color .28s ease}.comparison-entry-aura{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .32s ease}.comparison-entry-aura:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(167,139,250,.17),rgba(139,92,246,.07) 32%,rgba(124,58,237,.025) 52%,transparent 70%);transform:translate3d(calc(-50% + var(--comparison-aura-x, 0px)),calc(-50% + var(--comparison-aura-y, 0px)),0);transition:transform .24s cubic-bezier(.2,.65,.3,1)}.comparison-entry:has(details[open]):after{border-color:#c4b5fd3d}.comparison-entry:has(details[open]) .comparison-entry-aura{opacity:.45}@media(hover:hover)and (pointer:fine){.comparison-entry:hover:after{border-color:#c4b5fd57}.comparison-entry:hover .comparison-entry-aura{opacity:1}}.comparison-entry:focus-visible:after,.comparison-entry:has(summary:focus-visible):after{border-color:var(--color-violet-300, #c4b5fd)}.comparison-entry:focus-visible .comparison-entry-aura,.comparison-entry:has(summary:focus-visible) .comparison-entry-aura{opacity:.65}.comparison-entry:focus-visible .comparison-entry-aura:before,.comparison-entry:has(summary:focus-visible) .comparison-entry-aura:before{transform:translate3d(-50%,-50%,0)}@media(hover:none),(pointer:coarse){.comparison-entry .comparison-entry-aura{opacity:.45}.comparison-entry .comparison-entry-aura:before{transform:translate3d(-50%,-50%,0);transition:none}}@media(prefers-reduced-motion:reduce){.comparison-entry .comparison-entry-aura{opacity:.45;transition:none}.comparison-entry .comparison-entry-aura:before{transform:translate3d(-50%,-50%,0);transition:none}.comparison-entry:after{transition:none}}.comparison-entry-masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.comparison-entry-identities,.comparison-counterpart{display:flex;align-items:center;gap:12px}.comparison-solution-mark{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0}.comparison-pair-separator{color:#9c8aad;font-size:11px}.comparison-counterpart-mark{border-radius:50%;background:#c4b5fd14;color:#d8c9ed;font-size:20px;font-weight:500}.comparison-entry-mark{width:32px;height:32px;object-fit:contain;opacity:.85}.comparison-entry-status{font-size:11px;color:#b2a6c5}.comparison-entry-title{max-width:460px;color:#eee8f8;font-size:clamp(24px,2.2vw,28px);line-height:1.3;letter-spacing:-.035em;font-weight:500;overflow-wrap:anywhere;text-wrap:pretty}.comparison-entry-description{max-width:400px;margin-top:12px;margin-bottom:24px;color:#aaa3b5;font-size:14px;line-height:1.75}.comparison-entry-action,.comparison-preview summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;color:#d6c3ef;font-size:12px;font-weight:500}.comparison-entry-action,.comparison-preview{margin-top:auto}.comparison-entry-action svg,.comparison-preview summary svg{width:19px;height:19px;flex-shrink:0;transition:transform .2s ease}.comparison-entry:is(:hover,:focus-visible) .comparison-entry-action svg,.comparison-entry:has(summary:hover,summary:focus-visible) .comparison-preview:not([open]) summary svg{transform:translate(3px)}.comparison-preview summary{list-style:none;cursor:pointer}.comparison-preview summary::-webkit-details-marker{display:none}.comparison-preview summary:after{content:"";position:absolute;inset:0}.comparison-preview summary:focus-visible{outline:none}.comparison-entry:has(summary:focus-visible){outline:2px solid #c4b5fd;outline-offset:5px}.comparison-preview-open,.comparison-preview[open] .comparison-preview-closed{display:none}.comparison-preview[open] .comparison-preview-open{display:inline}.comparison-preview[open] summary svg{transform:rotate(90deg)}.comparison-preview>p{position:relative;margin-block:16px 8px;max-width:390px;color:#b7acc6;font-size:13px;line-height:1.8}@media(max-width:767px){.comparison-hero{padding-block:72px}.comparison-hero h1{font-size:clamp(44px,10.4vw,68px);letter-spacing:-.06em}.comparison-hero-description{max-width:420px;font-size:15px;margin-top:20px}.comparison-hero-glow{background:radial-gradient(ellipse 90% 60% at 50% 55%,rgba(124,58,237,.1),transparent)}.comparison-library-heading{flex-direction:column;align-items:start;gap:14px;margin-bottom:24px}.comparison-library-note{max-width:320px}.comparison-grid{grid-template-columns:1fr;gap:20px}.comparison-entry{padding:24px 22px 18px}.comparison-entry-masthead{margin-bottom:20px}.comparison-entry-title{font-size:clamp(23px,5.5vw,28px)}.comparison-entry-description{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.comparison-hero-stars{display:none}.comparison-entry:is(:hover,:focus-visible) .comparison-entry-action svg,.comparison-entry:has(summary:hover,summary:focus-visible) .comparison-preview:not([open]) summary svg{transform:none}}