body.sass-page:before{animation:none;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.app-loading-curtain{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.sass-3-hero{position:relative}.sass-3-hero:before{content:"";pointer-events:none;position:absolute;left:0;right:0;top:-8rem;z-index:-10;height:min(56rem,70vw);background:linear-gradient(180deg,#f6f2ff00 80%,#fffffff2 88%),url(/assets/SaSS-3-Gradient-Bph1izM0.webp) center / cover no-repeat}.sass-3-possibilities{background:radial-gradient(circle at 60% 18%,rgba(20,115,112,.52),transparent 34%),radial-gradient(circle at 80% 70%,rgba(245,145,118,.22),transparent 24%),#050505}.sass-3-full-scale{background:radial-gradient(circle at 10% 30%,rgba(41,122,90,.332),transparent 34%),radial-gradient(circle at 82% 80%,rgba(118,245,175,.18),transparent 24%),#050505}.sass-page .site-header--dark,.sass-page .site-header--dark a{color:#ffffffe6}.comparison-widget{position:relative}.comparison-shell{position:relative;overflow:hidden;border-radius:.75rem}.comparison-media{--comparison-position: 50%;position:relative;overflow:hidden;aspect-ratio:16 / 9;touch-action:none}.comparison-media--dashboard{aspect-ratio:9 / 5}.comparison-media--pricing{aspect-ratio:9 / 8}.comparison-media--full-page{aspect-ratio:144 / 299}.comparison-image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.comparison-before-layer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}.comparison-divider{pointer-events:none;position:absolute;left:var(--comparison-position);top:0;bottom:0;width:0}.comparison-handle{position:absolute;left:50%;top:50%;display:grid;height:3rem;width:3rem;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));place-items:center;border-radius:9999px;background-color:#fffffff2;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.comparison-handle img{height:1.5rem;width:1.5rem}.comparison-range{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.comparison-media{cursor:ew-resize}.comparison-labels{display:flex;justify-content:space-between;padding-top:1rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;color:#fffc;letter-spacing:.16em}.comparison-labels--top{padding-bottom:1rem;padding-top:0}.comparison-widget--scroll-handle .comparison-handle{top:var(--comparison-handle-top, 50%)}@media (max-width: 640px){.sass-3-hero:before{inset:-5rem 0 auto;height:28rem}.comparison-handle{height:3.5rem;width:3.5rem}.comparison-handle img{height:1.25rem;width:1.25rem}.sass-3-hero:before{background:linear-gradient(180deg,#f6f2ff00 20%,#fffffff2 88%),url(/assets/SaSS-3-Gradient-Bph1izM0.webp) center / cover no-repeat}}