.comparison-page{--comparison-ink:#2b2623;--comparison-deep:#151131;--comparison-mid:#58536e;--comparison-accent:#797cbd;--comparison-muted:#9a9ac0;--comparison-lavender:#dfe6ff;--comparison-paper:#f7f5f1;--comparison-line:#eeebe4;--comparison-subtle:#69707d;--comparison-sidebar-offset:122px;--comparison-motion-out:cubic-bezier(.32, .72, 0, 1);--mid:var(--comparison-mid);color:var(--comparison-ink);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}.comparison-page ::selection{color:var(--comparison-deep);background:#dfe6ffe6}.comparison-page *,.comparison-page :before,.comparison-page :after{box-sizing:border-box}.comparison-page a{color:inherit;touch-action:manipulation;text-decoration:none}.comparison-page .comparison-shell{width:min(1280px,100% - 64px);margin-inline:auto;padding-bottom:96px}.comparison-page .breadcrumbs{min-height:48px;color:var(--comparison-mid);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex;overflow:hidden}.comparison-page .breadcrumbs a{min-height:44px;color:var(--comparison-mid);transition:color .15s var(--comparison-motion-out);border-radius:3px;align-items:center;display:inline-flex}.comparison-page .breadcrumbs a:hover{color:var(--comparison-deep)}.comparison-page .breadcrumbs span:last-child{color:var(--comparison-ink);text-overflow:ellipsis;font-weight:500;overflow:hidden}.comparison-page .hero{border:1px solid var(--comparison-line);background:var(--comparison-paper);border-radius:10px;margin:0 0 24px;padding:clamp(32px,5vw,64px);position:relative;overflow:hidden}.comparison-page .hero:before,.comparison-page .hero:after{pointer-events:none;content:"";position:absolute;inset:0}.comparison-page .hero:before{background-image:var(--comparison-hero-image);background-position:top;background-repeat:no-repeat;background-size:cover}.comparison-page .hero:after{background:oklch(97% .008 85/.78)}.comparison-page .hero-grid{z-index:1;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid;position:relative}@media (width>=768px){.comparison-page .hero:after{background:linear-gradient(90deg,oklch(97% .008 85/.95) 0%,oklch(97% .008 85/.9) 44%,oklch(97% .008 85/.5) 60%,oklch(97% .008 85/.08) 74%,#0000 82%)}}.comparison-page .eyebrow{color:var(--comparison-mid);letter-spacing:.1em;text-transform:uppercase;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:500;line-height:1.35;display:inline-block}.comparison-page h1{max-width:760px;color:var(--comparison-ink);letter-spacing:-.025em;text-wrap:balance;margin:16px 0 18px;font-size:clamp(36px,4.2vw,56px);font-weight:600;line-height:1.08}.comparison-page .hero-copy{color:#2d3648;max-width:62ch;margin:0;font-size:17px;line-height:1.65}.comparison-page .verify{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.comparison-page .verify span{min-height:30px;color:var(--comparison-mid);letter-spacing:.02em;background:#ffffff8c;border:1px solid #58536e29;border-radius:999px;align-items:center;padding:5px 10px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:400;display:inline-flex}.comparison-page .verdict{border:1px solid var(--comparison-line);background:#ffffffe0;border-radius:10px;padding:24px;box-shadow:0 4px 10px #2b26230d}.comparison-page .verdict h2{color:var(--comparison-ink);letter-spacing:-.02em;margin:13px 0 10px;font-size:22px;font-weight:600;line-height:1.25}.comparison-page .verdict p{color:#2d3648;margin:0;font-size:15px;line-height:1.6}.comparison-page .btn{color:#eeebe4;background:var(--comparison-deep);min-height:44px;transition:transform .15s var(--comparison-motion-out);border-radius:999px;justify-content:center;align-items:center;margin-top:20px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.comparison-page .btn:hover{background:#2d2852}.comparison-page .btn:active{transform:scale(.96)}.comparison-page .comparison-body{grid-template-columns:208px minmax(0,1fr);align-items:start;gap:32px;display:grid}.comparison-page .comparison-sidebar{top:var(--comparison-sidebar-offset);align-self:start;position:sticky}html[data-site-header-visible=false] .comparison-page{--comparison-sidebar-offset:16px}.comparison-page .comparison-content{min-width:0}.comparison-page .page-nav{border:1px solid var(--comparison-line);background:#fff;border-radius:10px;flex-direction:column;gap:2px;padding:16px;display:flex;box-shadow:0 4px 10px #2b26230d}.comparison-page .page-nav-label{color:#2d364880;letter-spacing:.08em;text-transform:uppercase;margin:0 8px 10px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4}.comparison-page .page-nav .sb-item{min-height:44px;transition:background-color .14s var(--comparison-motion-out), color .14s var(--comparison-motion-out);align-items:center;display:flex}.comparison-page .section{margin-bottom:72px;scroll-margin-top:128px}.comparison-page .section-head{text-align:start;flex-direction:column;align-items:start;gap:12px;width:100%;margin-bottom:24px;display:flex}.comparison-page .section-head>div{flex-direction:column;align-items:start;gap:12px;display:flex}.comparison-page .section-head>div>.eyebrow{width:fit-content;color:var(--comparison-mid);background:color-mix(in oklch, var(--comparison-lavender) 62%, white);letter-spacing:.08em;border-radius:4px;margin:0;padding:4px 8px;font-weight:600}.comparison-page .section h2{color:var(--comparison-ink);letter-spacing:-.025em;text-align:start;text-wrap:balance;margin:0;font-size:clamp(28px,3vw,36px);font-weight:600;line-height:1.15}.comparison-page .section-intro{max-width:75ch;color:var(--comparison-subtle);text-align:start;text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}.comparison-page .compare-wrap{border:1px solid var(--comparison-line);scrollbar-color:#b4b1bd transparent;scrollbar-width:thin;background:#fff;border-radius:10px;position:relative;overflow:auto;box-shadow:0 4px 10px #2b26230d}.comparison-page table{border-collapse:collapse;text-align:left;width:100%;min-width:760px}.comparison-page th,.comparison-page td{border-bottom:1px solid var(--comparison-line);vertical-align:top;padding:15px 16px}.comparison-page tr:last-child td{border-bottom:0}.comparison-page th{color:var(--comparison-mid);background:var(--comparison-paper);letter-spacing:.05em;text-transform:uppercase;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:400;line-height:1.45}.comparison-page td{color:#2d3648;font-size:14px;line-height:1.55}.comparison-page td:first-child{color:var(--comparison-ink);font-weight:600}.comparison-page .architecture,.comparison-page .fit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.comparison-page .arch-card,.comparison-page .fit{border:1px solid var(--comparison-line);background:#fff;border-radius:10px;padding:24px;box-shadow:0 4px 10px #2b26230d}.comparison-page .arch-card.spatius{color:#fff;border-color:var(--comparison-deep);background:var(--comparison-deep);box-shadow:none}.comparison-page .arch-card h3,.comparison-page .fit h3{color:var(--comparison-ink);letter-spacing:-.02em;margin:10px 0 12px;font-size:22px;font-weight:600;line-height:1.25}.comparison-page .fit h3:first-child{margin-top:0}.comparison-page .arch-card.spatius h3{color:#fff}.comparison-page .arch-card p,.comparison-page .fit p{margin:0;line-height:1.6;color:#2d3648!important;font-size:15px!important}.comparison-page .arch-card.spatius p{color:#cfccdf!important}.comparison-page .arch-card.spatius .eyebrow{color:#b9b6d0}.comparison-page .flow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.comparison-page .flow span{background:var(--comparison-paper);color:var(--comparison-ink);border-radius:8px;padding:7px 10px;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:400;line-height:1.4}.comparison-page .spatius .flow span{color:#fff;background:#ffffff1f}.comparison-page .fit ul,.comparison-page .checklist{color:#2d3648;margin:0;padding-left:21px;font-size:15px;line-height:1.6}.comparison-page .fit li,.comparison-page .checklist li{margin:8px 0;padding-left:3px}.comparison-page .tool{color:#fff;background:var(--comparison-deep);border-radius:10px;padding:clamp(28px,4vw,40px)}.comparison-page .tool .eyebrow{color:#b9b6d0}.comparison-page .tool h3{color:#fff;letter-spacing:-.02em;margin:10px 0 8px;font-size:26px;font-weight:600;line-height:1.2}.comparison-page .tool>p{color:#cfccdf;max-width:64ch;margin:0 0 22px;font-size:15px;line-height:1.6}.comparison-page .decision-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.comparison-page .decision{color:#dedcea;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:16px;font-size:14px;line-height:1.55}.comparison-page .decision b{color:#fff;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.comparison-page .tool .checklist{font-size:14px;color:#dedcea!important}.comparison-page .sources{gap:8px;display:grid}.comparison-page .source{border:1px solid var(--comparison-line);min-height:52px;color:var(--comparison-ink);background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 14px;font-size:14px;line-height:1.45;transition:none;display:grid}.comparison-page .source b{font-weight:600}.comparison-page .source span{color:var(--comparison-mid);transition:transform .15s var(--comparison-motion-out);font-size:12px}.comparison-page .related{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.comparison-page .related>a{border:1px solid var(--comparison-line);min-height:132px;color:var(--comparison-ink);background:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;padding:20px;font-size:16px;font-weight:600;line-height:1.35;display:flex;box-shadow:0 4px 10px #2b26230d}.comparison-page .related small{color:var(--comparison-accent);transition:transform .15s var(--comparison-motion-out);margin-top:16px;font-size:12px;font-weight:600;line-height:1.45;display:block}.comparison-page :is(a,[tabindex]):focus-visible{outline:2px solid var(--comparison-ink);outline-offset:3px}@media (hover:hover) and (pointer:fine){.comparison-page .source:hover{background:var(--comparison-paper);border-color:#d9d4c8}.comparison-page .source:hover span,.comparison-page .related>a:hover small{transform:translate(2px)}.comparison-page .related>a:hover{background:var(--comparison-paper);border-color:#d9d4c8}}@media (width<=900px){.comparison-page .comparison-body,.comparison-page .hero-grid,.comparison-page .architecture,.comparison-page .fit-grid{grid-template-columns:1fr}.comparison-page .comparison-body{gap:48px}.comparison-page .comparison-sidebar{position:static}.comparison-page .page-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.comparison-page .page-nav-label{grid-column:1/-1}.comparison-page .related{grid-template-columns:1fr}.comparison-page .related>a{min-height:112px}.comparison-page .decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.comparison-page .comparison-shell{width:min(100% - 32px,1280px);padding-bottom:72px}.comparison-page .hero{padding:28px 22px}.comparison-page h1{font-size:36px;line-height:1.1}.comparison-page .hero-copy{font-size:16px}.comparison-page .verdict,.comparison-page .arch-card,.comparison-page .fit{padding:20px}.comparison-page .page-nav{grid-template-columns:1fr}.comparison-page .section{margin-bottom:56px;scroll-margin-top:96px}.comparison-page .decision-grid{grid-template-columns:1fr}.comparison-page .source{grid-template-columns:1fr;gap:2px}}@media (hover:none){.comparison-page .btn:hover{background:var(--comparison-deep)}.comparison-page .related>a:hover{border-color:var(--comparison-line);background:#fff;box-shadow:0 4px 10px #2b26230d}}@media (prefers-reduced-motion:reduce){.comparison-page *,.comparison-page :before,.comparison-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}