.c50-comparison{
  --c50-diff-bg:#fff;
  --c50-diff-bg-overlay:#fff;
  --c50-diff-bg-overlay-opacity:0%;
  --c50-diff-right-black-overlay-opacity:45%;
  --c50-diff-right-black-overlay-reach:65%;
  --c50-diff-text:#121126;
  --c50-diff-body:#65676d;
  --c50-diff-accent:#251ee7;
  --c50-diff-button-bg:#251ee7;
  --c50-diff-button-text:#fff;
  --c50-diff-table-text:#121126;
  --c50-diff-line:#dddee5;
  --c50-diff-red:#ff3f43;
  --c50-diff-check:#fff;
  --c50-diff-gradient-angle:180deg;
  --c50-diff-gradient-top:#3438ff;
  --c50-diff-gradient-mid:#251ee7;
  --c50-diff-gradient-bottom:#8b8bf8;
  --c50-diff-max:1440px;
  --c50-diff-gap:56px;
  --c50-diff-radius:8px;
  --c50-diff-pad:88px;
  position:relative;
  overflow:hidden;
  background:var(--c50-diff-bg);
  color:var(--c50-diff-text);
  font-family:Rubik,Arial,sans-serif;
}
.c50-comparison *{box-sizing:border-box}
.c50-comparison__background,
.c50-comparison__background-overlay,
.c50-comparison__right-black-overlay{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.c50-comparison__background-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.c50-comparison__background-overlay{
  background:var(--c50-diff-bg-overlay);
  opacity:var(--c50-diff-bg-overlay-opacity);
}
.c50-comparison__right-black-overlay{
  z-index:1;
  background:linear-gradient(to left,rgb(0 0 0 / var(--c50-diff-right-black-overlay-opacity)) 0%,rgb(0 0 0 / 0) var(--c50-diff-right-black-overlay-reach));
}
.c50-comparison__shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--c50-diff-gap);
  width:min(var(--c50-diff-max),calc(100% - 64px));
  margin:0 auto;
  padding:var(--c50-diff-pad) 0;
  align-items:center;
}
.c50-comparison__copy{max-width:620px}
.c50-comparison__eyebrow{
  margin:0 0 14px;
  color:var(--c50-diff-accent);
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  line-height:1.2;
  text-transform:uppercase;
}
.c50-comparison__copy h2{
  margin:0;
  color:var(--c50-diff-text);
  font-size:clamp(34px,3.1vw,46px);
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1.08;
}
.c50-comparison__copy-body{
  margin:18px 0 0;
  color:var(--c50-diff-body);
  font-size:18px;
  line-height:1.42;
}
.c50-comparison__button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:64px;
  margin-top:30px;
  border-radius:var(--c50-diff-radius);
  background:#251ee7 !important;
  background:var(--c50-diff-button-bg) !important;
  color:var(--c50-diff-button-text) !important;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1;
  text-decoration:none;
  text-transform:uppercase;
  transition:filter .18s ease,transform .18s ease;
}
.c50-comparison__button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.c50-comparison__button:visited{color:var(--c50-diff-button-text) !important}
.c50-comparison__table-wrap{
  position:relative;
  isolation:isolate;
  width:100%;
  overflow:visible;
  padding:56px 0;
}
.c50-comparison__table-wrap::before{
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:50%;
  width:25%;
  border-radius:var(--c50-diff-radius);
  background:linear-gradient(var(--c50-diff-gradient-angle),var(--c50-diff-gradient-top) 0%,var(--c50-diff-gradient-mid) 42%,var(--c50-diff-gradient-bottom) 100%);
  content:"";
}
.c50-comparison__table{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  border:0 !important;
  background:transparent !important;
}
.c50-comparison__caption{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.c50-comparison__header-row,
.c50-comparison__row,
.c50-comparison__empty-row{
  display:grid;
  grid-template-columns:50% 25% 25%;
  width:100%;
}
.c50-comparison__cell,
.c50-comparison__row-cell{background:transparent !important}
.c50-comparison__cell{
  display:flex;
  align-items:center;
  justify-content:center;
  height:62px;
  padding:12px 14px;
  border:0 !important;
  color:var(--c50-diff-table-text);
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  text-transform:uppercase;
}
.c50-comparison__cell.is-our{color:#fff}
.c50-comparison__feature-heading span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.c50-comparison__body-rows{display:block}
.c50-comparison__row-cell{
  display:flex;
  align-items:center;
  justify-content:center;
  height:70px;
  padding:14px 16px;
  border:0;
  border-bottom:1px solid var(--c50-diff-line);
  color:var(--c50-diff-table-text);
  font-size:15px;
  font-weight:650;
  line-height:1.25;
  text-align:left;
  overflow-wrap:anywhere;
}
.c50-comparison__row-cell--feature{justify-content:center;text-align:center}
.c50-comparison__row-cell--our,
.c50-comparison__row-cell--other{text-align:center}
.c50-comparison__row:first-child .c50-comparison__row-cell,
.c50-comparison__empty-row:first-child .c50-comparison__row-cell{border-top:1px solid var(--c50-diff-line)}
.c50-comparison__row-cell:first-child{border-left:1px solid var(--c50-diff-line)}
.c50-comparison__row-cell + .c50-comparison__row-cell{border-left:1px solid var(--c50-diff-line)}
.c50-comparison__row-cell:last-child{border-right:1px solid var(--c50-diff-line)}
.c50-comparison__row:first-child .c50-comparison__row-cell:first-child,
.c50-comparison__empty-row:first-child .c50-comparison__row-cell:first-child{border-top-left-radius:var(--c50-diff-radius)}
.c50-comparison__row:first-child .c50-comparison__row-cell:last-child,
.c50-comparison__empty-row:first-child .c50-comparison__row-cell:last-child{border-top-right-radius:var(--c50-diff-radius)}
.c50-comparison__row:last-child .c50-comparison__row-cell:first-child,
.c50-comparison__empty-row:last-child .c50-comparison__row-cell:first-child{border-bottom-left-radius:var(--c50-diff-radius)}
.c50-comparison__row:last-child .c50-comparison__row-cell:last-child,
.c50-comparison__empty-row:last-child .c50-comparison__row-cell:last-child{border-bottom-right-radius:var(--c50-diff-radius)}
.c50-comparison__row:last-child .c50-comparison__row-cell--our{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}
.c50-comparison__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  font-size:16px;
  font-weight:800;
  line-height:1;
}
.c50-comparison__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25}
.c50-comparison__icon--check{color:var(--c50-diff-check)}
.c50-comparison__icon--x{color:var(--c50-diff-red)}
.c50-comparison__icon--custom{color:#fff}
.c50-comparison__icon--other-custom,.c50-comparison__icon--other-check{color:var(--c50-diff-text)}
@media(max-width:640px){
  .c50-comparison{overflow:hidden}
  .c50-comparison__shell{
    grid-template-columns:minmax(0,1fr);
    gap:30px;
    width:min(calc(100% - 32px),480px);
    padding:48px 0 52px;
  }
  .c50-comparison__copy{max-width:none;text-align:center}
  .c50-comparison__eyebrow{margin-bottom:12px;font-size:11px}
  .c50-comparison__copy h2{font-size:34px}
  .c50-comparison__copy-body{margin-top:14px;font-size:16px;line-height:1.45}
  .c50-comparison__button{display:none}
  .c50-comparison__table-wrap{width:100%;min-width:0;padding:30px 0}
  .c50-comparison__table{width:100%;min-width:0}
  .c50-comparison__cell{height:54px;padding:9px 6px;font-size:10px;letter-spacing:.03em}
  .c50-comparison__row,
  .c50-comparison__empty-row,
  .c50-comparison__row-cell{height:70px}
  .c50-comparison__row-cell{padding:10px 8px;font-size:12px;line-height:1.2}
  .c50-comparison__icon{width:23px;height:23px}
}
