@font-face{font-display:swap;font-family:Graswald Comparison Inter;font-style:normal;font-weight:100 900;src:url(https://7189576.fs1.hubspotusercontent-na1.net/hubfs/7189576/graswald-modules-draft/inter-latin.woff2) format("woff2")}.g-input-output{--compare-ink:var(--g-ink,#181817);--compare-muted:var(--g-muted,#686b70);background:var(--g-paper,#fff);color:var(--compare-ink);font:16px/1.5 var(--g-font-family,"Graswald Comparison Inter",Inter,Arial,sans-serif);max-width:100%;padding:64px clamp(28px,5vw,80px);width:100%;-webkit-font-smoothing:antialiased}.g-input-output,.g-input-output *,.g-input-output :after,.g-input-output :before{box-sizing:border-box}.g-input-output .g-compare-layout{align-items:center;display:grid;gap:clamp(44px,7vw,112px);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin-inline:auto;max-width:1280px}.g-input-output .g-compare-copy{max-width:470px;min-width:0;padding-block:32px}.g-input-output .g-compare-copy :is(h1,h2){color:var(--compare-ink);font-family:inherit;font-size:clamp(44px,4.8vw,72px);font-weight:var(--g-heading-weight,450);letter-spacing:-.06em;line-height:1.04;margin:0;overflow-wrap:break-word;text-wrap:balance}.g-input-output .g-compare-copy p{color:var(--compare-muted);font-size:17px;line-height:1.65;margin:28px 0 0;max-width:350px;text-wrap:pretty}.g-input-output .g-compare-button{align-items:center;background:var(--compare-ink);border:1px solid var(--compare-ink);border-radius:999px;color:var(--g-paper,#fff);display:inline-flex;font:450 14px/1.2 var(--g-font-family,"Graswald Comparison Inter",Inter,Arial,sans-serif);justify-content:center;margin-top:30px;max-width:100%;min-height:50px;overflow-wrap:anywhere;padding:15px 25px;text-align:center;text-decoration:none;transition:background .18s}.g-input-output .g-compare-button:after,.g-input-output .g-compare-button:before{content:none;display:none}.g-input-output .g-compare-button:hover{background:#363634;color:#fff}.g-input-output .g-compare-button:focus-visible{outline:2px solid var(--compare-muted);outline-offset:5px}.g-input-output .g-compare-visual{justify-self:end;max-width:clamp(480px,36vw,600px);min-width:0;width:100%}.g-input-output .g-compare-stage{aspect-ratio:4/4.6;background:#eeeeef;border-radius:24px;cursor:ew-resize;isolation:isolate;margin:0;max-height:650px;overflow:hidden;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;width:100%}.g-input-output .g-compare-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute}.g-input-output .g-compare-layer img{display:block;height:100%;inset:0;max-width:none;object-fit:cover;pointer-events:none;position:absolute;user-select:none;width:100%;-webkit-user-drag:none}.g-input-output .g-compare-layer--input{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1}.g-input-output .g-compare-layer--input img{object-position:var(--compare-input-x,50%) var(--compare-input-y,40%)}.g-input-output .g-compare-layer--output img{object-position:var(--compare-output-x,50%) var(--compare-output-y,50%);transform:scale(var(--compare-output-scale,1.18)) translateY(var(--compare-output-offset-y,-5%))}.g-input-output .g-compare-divider{background:#fff;bottom:0;box-shadow:0 0 0 1px #18181710;left:var(--split);pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:2}.g-input-output .g-compare-handle{align-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 12px #18181718;color:#181817;display:grid;gap:3px;grid-template-columns:repeat(2,3px);grid-template-rows:repeat(3,3px);height:46px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:46px}.g-input-output .g-compare-handle i{background:currentColor;border-radius:50%;display:block;height:3px;width:3px}.g-input-output .g-compare-range{cursor:ew-resize;display:block;height:100%;inset:0;margin:0;opacity:0;padding:0;position:absolute;touch-action:pan-y;width:100%;z-index:3}.g-input-output .g-compare-stage:has(.g-compare-range:focus-visible){outline:2px solid var(--compare-muted);outline-offset:5px}.g-input-output .g-compare-stage:has(.g-compare-range:focus-visible) .g-compare-handle{outline:2px solid #181817;outline-offset:3px}.g-input-output .g-compare-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media(min-width:1500px){.g-input-output .g-compare-layout{gap:120px}.g-input-output{padding-block:80px}}@media(max-width:760px){.g-input-output{padding:44px 24px 40px}.g-input-output .g-compare-layout{gap:36px;grid-template-columns:minmax(0,1fr);max-width:560px}.g-input-output .g-compare-copy{max-width:440px;padding:0}.g-input-output .g-compare-copy :is(h1,h2){font-size:clamp(40px,10vw,56px);letter-spacing:-.055em;line-height:1.06}.g-input-output .g-compare-copy p{font-size:16px;margin-top:22px;max-width:340px}.g-input-output .g-compare-button{font-size:13px;margin-top:24px;min-height:48px;padding:14px 22px}.g-input-output .g-compare-stage{aspect-ratio:4/4.6;border-radius:20px;max-height:none}.g-input-output .g-compare-handle{height:42px;width:42px}}@media(prefers-reduced-motion:reduce){.g-input-output .g-compare-stage{scroll-behavior:auto}.g-input-output .g-compare-button{transition:none}}