/* Override header-en-2025: remove navbar shadow on this page */
.modao-navbar {
  box-shadow: none;
}

@font-face {
      font-family: "Outfit";
      src: url("/mb-cms/__/en/fonts/ad/comparison/Outfit-Regular_1.ttf") format("truetype");
      font-weight: 400;
    }

    @font-face {
      font-family: "Outfit";
      src: url("/mb-cms/__/en/fonts/ad/comparison/Outfit-SemiBold_1.ttf") format("truetype");
      font-weight: 600;
    }

    @font-face {
      font-family: "Outfit";
      src: url("/mb-cms/__/en/fonts/ad/comparison/Outfit-Bold_1.ttf") format("truetype");
      font-weight: 700;
    }

    .ad-page-v0 {
      --ink: #19191a;
      --muted: #5f6470;
      --line: rgba(25, 25, 26, 0.12);
      --violet: #6c4dff;
      --magenta: #ff4be4;
      --cyan: #00ded0;
      --panel: #f5f7fb;
      --dark: #111827;
      --section: clamp(72px, 8vw, 132px);
      --page-pad: clamp(16px, 3vw, 48px);
      font-family: "Outfit", Arial, sans-serif;
      color: var(--ink);
      background: #ffffff;
    }

    .ad-page-v0 * {
      box-sizing: border-box;
      font-family: inherit;
      letter-spacing: 0;
      text-transform: none;
    }

    .ad-page-v0 {
      margin: 0;
      min-width: 320px;
      background: #ffffff;
    }

    .ad-page-v0 img {
      max-width: 100%;
      display: block;
    }

    .ad-page-v0 a {
      color: inherit;
      text-decoration: none;
    }

    .ad-page-v0 button {
      font: inherit;
    }

    .ad-page-v0 .v0-page {
      overflow: hidden;
    }

    .ad-page-v0 .v0-section {
      padding: var(--section) var(--page-pad);
    }

    .ad-page-v0 .v0-container {
      width: min(1410px, 100%);
      margin: 0 auto;
    }

    .ad-page-v0 .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      justify-content: center;
      overflow: hidden;
      padding: 6px 10px 6px 7px;
      border-radius: 100px;
      font-weight: 700;
      font-size: 12px;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20136.43560791015625%2036'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(1.0292%2C%200.0000%2C%20-0.0000%2C%20133.6866%2C%20-0.0167%2C%20-66.2242)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(155.71417236328125%2C220.93133544921875%2C255%2C1)'%20offset%3D'0.3241478502750397'%2F%3E%3Cstop%20stop-color%3D'rgba(151.66958618164062%2C233.1703338623047%2C228.03065490722656%2C1)'%20offset%3D'0.8676047921180725'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
    }

    .ad-page-v0 .eyebrow strong {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 24px;
      padding: 0 16px;
      border-radius: 100px;
      color: #fff;
      background: rgba(0, 0, 0, 0.9);
      font-weight: 600;
      line-height: 1;
    }

    .ad-page-v0 .eyebrow-alt {
      display: inline-block;
      width: 63px;
      color: #000;
      font-family: Outfit, Arial, sans-serif;
      font-size: 12px;
      font-weight: 700;
      line-height: 108.00000429153442%;
      text-align: left;
      text-transform: capitalize;
    }

    .ad-page-v0 .gradient-text {
      color: transparent;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2075%2068'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(-1.0547%2C%200.5812%2C%20-0.0421%2C%20-0.6317%2C%201.0484%2C%200.4408)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(26.61801528930664%2C210.39166259765625%2C210.39166259765625%2C1)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(10%2C153%2C255%2C1)'%20offset%3D'0.557692289352417'%2F%3E%3Cstop%20stop-color%3D'rgba(0%2C122.53241729736328%2C255%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
      -webkit-background-clip: text;
      background-clip: text;
    }

    .ad-page-v0 .button-row {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 26px;
    }

    .ad-page-v0 .v0-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      height: 60px;
      min-height: 60px;
      padding: 0 32px;
      border: 2px solid var(--ink);
      border-radius: 999px;
      font-size: 22px;
      font-weight: 700;
      white-space: nowrap;
      cursor: pointer;
      background: #fff;
    }

    .ad-page-v0 .v0-btn-primary {
      width: 235px;
      color: #fff;
      border-color: #101013;
      background: #101013;
    }

    .ad-page-v0 #v0-hero .v0-btn:not(.v0-btn-primary) {
      width: 235px;
      background: transparent;
      border-radius: 44px;
    }

    .ad-page-v0 #v0-hero .v0-btn {
      background: transparent;
      font-family: Outfit, Arial, sans-serif;
      font-weight: 600;
    }

    .ad-page-v0 #v0-hero .v0-btn-primary {
      border: 0;
      border-radius: 52px;
      background: rgb(25, 25, 26);
    }

    .ad-page-v0 .btn-arrow {
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      background: url("/mb-cms/__/en/img/ad/comparison/shared/image/SVG0.png") center / 100% 100% no-repeat;
    }

    .ad-page-v0 .hero-section {
      padding: 0 25px;
    }

    .ad-page-v0 .hero-shell {
      position: relative;
      --hero-visual-top: 393px;
      width: 100%;
      min-height: clamp(760px, 65.105vw, 1250px);
      margin: 0 auto;
      overflow: hidden;
      border-radius: 40px;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%201870%201250'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(235.91285705566406%2C244.3820037841797%2C250.43138122558594%2C1)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(255%2C255%2C255%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
    }

    .ad-page-v0 .hero-shell::before,
    .ad-page-v0 .hero-shell::after {
      content: "";
      position: absolute;
      pointer-events: none;
      background-repeat: no-repeat;
    }

    .ad-page-v0 .hero-shell::before {
      left: -22.573350990808084%;
      top: 372px;
      width: 145.14670198161617%;
      height: 1275px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Group7.svg");
      background-size: 100% 100%;
    }

    .ad-page-v0 .hero-shell::after {
      left: 41.02%;
      top: -54.88%;
      width: 93.37%;
      height: 80.56%;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Ellipse130.png");
      background-size: 100% 100%;
    }

    .ad-page-v0 .hero-copy {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 28px;
      width: min(1000px, 100%);
      margin: 0 auto;
      padding-top: 80px;
      text-align: center;
    }

    .ad-page-v0 .hero-title {
      margin: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 1000px;
      font-size: 54px;
      line-height: normal;
      letter-spacing: 0;
    }

    .ad-page-v0 .hero-title-line {
      display: block;
    }

    .ad-page-v0 .hero-copy p {
      max-width: 1000px;
      margin: 0;
      color: rgb(85, 85, 87);
      font-size: 20px;
      line-height: 150%;
    }

    .ad-page-v0 .desktop-break {
      display: inline;
    }

    .ad-page-v0 .hero-visual {
      position: absolute;
      left: 50%;
      top: calc(var(--hero-visual-top) + 25px);
      z-index: 1;
      width: min(100%, 1870px);
      height: calc(100% - var(--hero-visual-top));
      transform: translateX(-50%);
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Frame 2147229354.png");
      background-size: cover;
      background-position: center bottom;
      background-repeat: no-repeat;
    }

    @media (min-width: 1280px) and (max-width: 1599px) {
      .ad-page-v0 .hero-shell {
        --hero-visual-top: 393px;
      }

      .ad-page-v0 .hero-visual {
        background-position: center top;
      }

    }

    @media (min-width: 1024px) and (max-width: 1279px) {
      .ad-page-v0 .hero-shell {
        --hero-visual-top: 393px;
      }

      .ad-page-v0 .hero-visual {
        background-position: center top;
      }

    }

    .ad-page-v0 .section-heading {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 18px;
      width: min(960px, 100%);
      margin: 0 auto 56px;
      text-align: center;
    }

    .ad-page-v0 .section-heading h2 {
      margin: 0;
      font-size: clamp(32px, 3.2vw, 50px);
      line-height: 1.08;
      letter-spacing: 0;
    }

    .ad-page-v0 .section-heading p {
      margin: 0;
      color: var(--muted);
      font-size: clamp(16px, 1.35vw, 20px);
      line-height: 1.5;
    }

    .ad-page-v0 .feature-section {
      background: #fff;
    }

    .ad-page-v0 .feature-copy {
      display: grid;
      gap: 22px;
      justify-items: center;
      margin-bottom: 56px;
      text-align: center;
    }

    .ad-page-v0 .feature-copy h2 {
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 0 6px;
      max-width: none;
      font-size: 48px;
      line-height: 58px;
      font-weight: 600;
    }

    .ad-page-v0 .feature-title-brand {
      color: transparent;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20162%2060'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(-1.0547%2C%200.5812%2C%20-0.0421%2C%20-0.6317%2C%201.0484%2C%200.4408)'%3E%3Cstop%20stop-color%3D'rgba(26.61801528930664%2C210.39166259765625%2C210.39166259765625%2C1)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(10%2C153%2C255%2C1)'%20offset%3D'0.557692289352417'%2F%3E%3Cstop%20stop-color%3D'rgba(0%2C122.53241729736328%2C255%2C1)'%20offset%3D'1'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%3C%2Fsvg%3E");
      background-size: 100% 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-clip: text;
      -webkit-background-clip: text;
    }

    .ad-page-v0 .feature-title-line {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .ad-page-v0 .feature-copy p {
      max-width: min(1036px, 100%);
      margin: 0;
      color: var(--muted);
      font-size: 20px;
      line-height: 150%;
    }

    .ad-page-v0 .feature-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 40px;
      margin-top: 10px;
      width: min(1410px, 100%);
    }

    .ad-page-v0 .feature-card {
      position: relative;
      min-height: 310px;
      padding: 116px 36px 36px;
      border: 0;
      border-radius: 33px;
      background-image: var(--card-bg);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
      box-shadow: 0 3px 0 var(--card-line, rgb(10, 153, 255)) inset;
      text-align: left;
    }

    .ad-page-v0 .feature-card.visual-card {
      --card-line: rgb(10, 153, 255);
      --icon-bg: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2059.99609375%2059.99609375'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(10%2C153%2C255%2C0.4)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(10%2C153%2C255%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      --card-bg: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20685%20309.99609375'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(10%2C153%2C255%2C0.04000000059604645)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(10%2C153%2C255%2C0.20000000298023224)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
    }

    .ad-page-v0 .feature-card.code-card {
      --card-line: rgb(0, 222, 208);
      --icon-bg: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2059.99609375%2059.99609375'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(0%2C222%2C208%2C0.4)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(0%2C222%2C208%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      --card-bg: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20685%20309.99609375'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(0%2C222%2C208%2C0.04000000059604645)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(0%2C222%2C208%2C0.20000000298023224)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
    }

    .ad-page-v0 .feature-card.workflow-card {
      --card-line: rgb(204, 141, 255);
      --icon-bg: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2059.99609375%2059.99609375'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(204%2C141%2C255%2C0.4)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(204%2C141%2C255%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      --card-bg: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20685%20309.99609375'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(204%2C141%2C255%2C0.05000000074505806)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(204%2C141%2C255%2C0.20000000298023224)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
    }

    .ad-page-v0 .feature-card.draft-card {
      --card-line: rgb(81, 110, 255);
      --icon-bg: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2059.99609375%2059.99609375'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(81%2C110%2C255%2C0.4)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(81%2C110%2C255%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      --card-bg: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20685%20309.99609375'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(81%2C110%2C255%2C0.04000000059604645)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(81%2C110%2C255%2C0.20000000298023224)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
    }

    .ad-page-v0 .feature-card::before {
      content: "";
      position: absolute;
      left: 36px;
      top: 36px;
      width: 60px;
      height: 60px;
      border-radius: 21.72272491455078px;
      background-image: var(--icon-bg);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
      -webkit-backdrop-filter: blur(5.49937375386556px);
      backdrop-filter: blur(5.49937375386556px);
      box-shadow:
        -2px 4px 11px 0 rgba(255, 255, 255, 0.36000001196767767) inset,
        0 0 0 1px rgba(0, 0, 0, 0.05000000074505806) inset;
    }

    .ad-page-v0 .feature-card::after {
      content: "";
      position: absolute;
      left: 44.27490234375px;
      top: 56.285888671875px;
      width: 42.94287109375px;
      height: 24.142456054687504px;
      background-image: var(--icon);
      background-position: center;
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }

    .ad-page-v0 .feature-card.visual-card::after {
      left: 48.704345703125px;
      top: 48.727294921875px;
      width: 32.591285705566406px;
      height: 32.54558181762695px;
      background-image:
        url("/mb-cms/__/en/img/ad/comparison/v0/images/Group_3_9279.png"),
        url("/mb-cms/__/en/img/ad/comparison/v0/images/Group_3_9281.png"),
        url("/mb-cms/__/en/img/ad/comparison/v0/images/Group_3_9283.png");
      background-size: 15.35302734375px 30.7059326171875px, 32.59130859375px 32.5455322265625px, 30.7060546875px 15.3529052734375px;
      background-position: 0.7121869325637817px 0.0003303078992757946px, 0.00007859381003072485px 0.00008616728155175224px, 1.7055076360702515px 15.35302734375px;
    }

    .ad-page-v0 .feature-card.code-card::after {
      left: 44.27490234375px;
      top: 56.285888671875px;
      width: 42.94287109375px;
      height: 24.142456054687504px;
    }

    .ad-page-v0 .feature-card.workflow-card::after {
      left: 49.50390625px;
      top: 50.0078125px;
      width: 35.66429901123047px;
      height: 32.81815719604492px;
    }

    .ad-page-v0 .feature-card.draft-card::after {
      left: 34.99996131690253px;
      top: 34.99996131690253px;
      width: 61.99617111619494px;
      height: 61.99617111619494px;
    }

    .ad-page-v0 .feature-chip {
      position: absolute;
      top: 41px;
      right: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 40px;
      padding: 0 16px;
      border-radius: 999px;
      color: var(--chip-color, rgb(10, 63, 255));
      background: var(--chip-bg, rgba(10, 153, 255, 0.1));
      font-size: 20px;
      font-weight: 400;
      text-transform: uppercase;
    }

    .ad-page-v0 .feature-card.visual-card {
      --chip-color: rgb(10, 63, 255);
      --chip-bg: rgba(10, 153, 255, 0.10000000149011612);
    }

    .ad-page-v0 .feature-card.code-card {
      --chip-color: rgb(10, 144, 255);
      --chip-bg: rgba(0, 222, 208, 0.10000000149011612);
    }

    .ad-page-v0 .feature-card.workflow-card {
      --chip-color: rgb(255, 10, 242.75);
      --chip-bg: rgba(204, 141, 255, 0.10000000149011612);
    }

    .ad-page-v0 .feature-card.draft-card {
      --chip-color: rgb(10, 63, 255);
      --chip-bg: rgba(81, 110, 255, 0.10000000149011612);
    }

    .ad-page-v0 .feature-body {
      position: relative;
      min-height: 154px;
      padding: 24px;
      border-radius: 22px;
      background: #fff;
    }

    .ad-page-v0 .feature-body::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 22px;
      pointer-events: none;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20613%20154'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(1.6825%2C%200.0417%2C%20-0.0037%2C%201.6825%2C%20-0.6806%2C%20-0.5515)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(0%2C222%2C208%2C1)'%20offset%3D'0.024038461968302727'%2F%3E%3Cstop%20stop-color%3D'rgba(10%2C153%2C255%2C1)'%20offset%3D'0.5018535256385803'%2F%3E%3Cstop%20stop-color%3D'rgba(179.90292358398438%2C57.37610626220703%2C255%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
      padding: 1.25px;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
    }

    .ad-page-v0 .feature-body > * {
      position: relative;
      z-index: 1;
    }

    .ad-page-v0 .feature-card h3 {
      margin: 0 0 16px;
      font-size: 24px;
      font-weight: 600;
      white-space: nowrap;
    }

    .ad-page-v0 .feature-card p {
      margin: 0;
      color: #555557;
      font-size: 20px;
      line-height: 1.5;
    }

    .ad-page-v0 .feature-visual {
      width: min(1410px, 100%);
      aspect-ratio: 1410 / 600;
      min-height: 0;
      margin-top: 80px;
      border-radius: 36px;
      background: url("/mb-cms/__/en/img/ad/comparison/v0/images/Frame 2147229324.png") center / 100% 100% no-repeat;
    }

    .ad-page-v0 .comparison-section {
      position: relative;
      min-height: 0;
      padding: 128px var(--page-pad);
      background: #fff;
      overflow: hidden;
    }

    .ad-page-v0 .comparison-art {
      position: absolute;
      left: 50%;
      top: 24.9921875px;
      width: 1872px;
      height: 1440.2308349609375px;
      transform: translateX(-50%);
      opacity: 1;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Frame 2147229235.svg");
      background-position: center top;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      pointer-events: none;
    }

    .ad-page-v0 .comparison-section .v0-container {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 66px;
    }

    .ad-page-v0 .comparison-section .section-heading {
      gap: 28px;
      margin: 0;
    }

    .ad-page-v0 .comparison-section .comparison-title {
      position: relative;
      display: flex;
      align-items: center;
      gap: 12px;
      width: 386px;
      height: 60px;
      margin: 0;
      padding-right: 50px;
      color: rgb(33, 33, 33);
      font-size: 48px;
      font-weight: 600;
      line-height: 58px;
      letter-spacing: 0;
      white-space: nowrap;
    }

    .ad-page-v0 .comparison-vs {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 60px;
      height: 60px;
      flex: 0 0 60px;
      border-radius: 85.71420288085938px;
      color: #fff;
      font-family: "Outfit", sans-serif;
      font-size: 30.638301849365234px;
      font-weight: 700;
      line-height: 1;
      transform: rotate(-90.00000250447869deg);
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2059.999977111816406%2059.9999885559082'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D'grad'%20gradientUnits%3D'userSpaceOnUse'%20cx%3D'0'%20cy%3D'0'%20r%3D'1'%20gradientTransform%3D'matrix(-67.1761%2C%203.2704%2C%20-45.7074%2C%20-906.7348%2C%20-0.0000%2C%2060.0000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(91%2C99.19999694824219%2C255%2C1)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(121.75599670410156%2C206.14385986328125%2C255%2C1)'%20offset%3D'0.49833253026008606'%2F%3E%3Cstop%20stop-color%3D'rgba(133.6411895751953%2C255%2C204.433837890625%2C1)'%20offset%3D'0.7583324909210205'%2F%3E%3Cstop%20stop-color%3D'rgba(241.76866149902344%2C255%2C122.6865463256836%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }

    .ad-page-v0 .comparison-vs::before,
    .ad-page-v0 .comparison-vs::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
    }

    .ad-page-v0 .comparison-vs::before {
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2059.999977111816406%2059.9999885559082'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D'inner-shadow'%20x%3D'0'%20y%3D'0'%20width%3D'59.999977111816406'%20height%3D'59.9999885559082'%20filterUnits%3D'userSpaceOnUse'%20color-interpolation-filters%3D'sRGB'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeOffset%20dx%3D'0.0000'%20dy%3D'0.0000'%20in%3D'SourceAlpha'%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D'8.4034'%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeComposite%20k2%3D'-1'%20k3%3D'1'%20in2%3D'SourceAlpha'%20operator%3D'arithmetic'%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201.0000%200%200%200%200%201.0000%200%200%200%200%201.0000%200%200%200%201.0000%200'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Ffilter%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20rx%3D'30.0000'%20fill%3D'black'%20filter%3D'url(%23inner-shadow)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      background-size: 100% 100%;
    }

    .ad-page-v0 .comparison-vs::after {
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2059.999977111816406%2059.9999885559082'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cfilter%20id%3D'inner-shadow'%20x%3D'0'%20y%3D'0'%20width%3D'59.999977111816406'%20height%3D'59.9999885559082'%20filterUnits%3D'userSpaceOnUse'%20color-interpolation-filters%3D'sRGB'%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeOffset%20dx%3D'0.0000'%20dy%3D'0.0000'%20in%3D'SourceAlpha'%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D'4.2017'%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeComposite%20k2%3D'-1'%20k3%3D'1'%20in2%3D'SourceAlpha'%20operator%3D'arithmetic'%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%201.0000%200%200%200%200%201.0000%200%200%200%200%201.0000%200%200%200%201.0000%200'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Ffilter%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20rx%3D'30.0000'%20fill%3D'black'%20filter%3D'url(%23inner-shadow)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      background-size: 100% 100%;
    }

    .ad-page-v0 .comparison-vs-text {
      position: relative;
      z-index: 1;
      transform: rotate(90.00000250447869deg);
    }

    .ad-page-v0 .comparison-sparkle {
      position: absolute;
      left: 354px;
      top: -18.0078125px;
      width: 48.0009765625px;
      height: 50.520263671875px;
      background: url("/mb-cms/__/en/img/ad/comparison/v0/images/Union.png") center / 100% 100% no-repeat;
    }

    .ad-page-v0 .comparison-panel {
      position: relative;
      z-index: 1;
      overflow: hidden;
      width: min(1360px, 100%);
      margin: 0 auto;
      padding: 23px 24px;
      border: 1px solid rgba(18, 17, 42, 0.07);
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 4px 22px rgba(233, 237, 243, 1);
    }

    .ad-page-v0 .comparison-action {
      position: relative;
      z-index: 1;
      text-align: center;
    }

    .ad-page-v0 .comparison-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      min-width: 0;
    }

    .ad-page-v0 .comparison-row,
    .ad-page-v0 .comparison-head {
      display: contents;
    }

    .ad-page-v0 .comparison-cell {
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 50px;
      padding: 15px 40px;
      border: 1px solid #e1e4f0;
      border-width: 0 1px 1px 0;
      color: #555557;
      font-size: 14px;
      line-height: normal;
    }

    /* 普通行与下方渐变分组标题之间不要横线 */
    .ad-page-v0 .comparison-row:not(.comparison-group):has(+ .comparison-row.comparison-group) .comparison-cell {
      border-bottom-width: 0;
    }

    /* 第三列（V0）外侧不需要右边框 */
    .ad-page-v0 .comparison-cell.mockitt-cell + .comparison-cell {
      border-right-width: 0;
    }

    .ad-page-v0 .comparison-head .comparison-cell {
      min-height: 28px;
      margin-bottom: 20px;
      padding: 0;
      border: 0;
      color: #19191a;
      font-size: 24px;
      font-weight: 600;
      line-height: 140%;
    }

    .ad-page-v0 .comparison-head .mockitt-cell,
    .ad-page-v0 .comparison-head .v0-cell {
      justify-content: center;
    }

    .ad-page-v0 .comparison-head .mockitt-cell,
    .ad-page-v0 .comparison-head .v0-cell {
      gap: 7.304347515106201px;
    }

    .ad-page-v0 .comparison-group-cell {
      grid-column: 1 / -1;
      align-items: center;
      min-height: 50px;
      margin-bottom: -1px;
      padding: 0 20px;
      border: 0;
      border-radius: 10px;
      color: #19191a;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%201312%2050'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(1.6825%2C%200.0417%2C%20-0.0037%2C%201.6825%2C%20-0.6806%2C%20-0.5515)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(0%2C222%2C208%2C0.10999999940395355)'%20offset%3D'0.024038461968302727'%2F%3E%3Cstop%20stop-color%3D'rgba(10%2C153%2C255%2C0.10999999940395355)'%20offset%3D'0.5018535256385803'%2F%3E%3Cstop%20stop-color%3D'rgba(179.90292358398438%2C57.37610626220703%2C255%2C0.10999999940395355)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      font-size: 14px;
      font-weight: 600;
    }

    .ad-page-v0 .comparison-row:not(.comparison-group) .comparison-cell:first-child {
      padding-left: 0;
    }

    .ad-page-v0 .check {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      overflow: hidden;
      color: transparent;
      font-size: 0;
      background: url("/mb-cms/__/en/img/ad/comparison/v0/images/_113.png") center / 100% 100% no-repeat;
    }

    .ad-page-v0 .muted-check {
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/_110.png");
    }

    .ad-page-v0 .cross {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      overflow: hidden;
      color: transparent;
      font-size: 0;
      background: url("/mb-cms/__/en/img/ad/comparison/shared/image/Tips.png") center / 100% 100% no-repeat;
    }

    .ad-page-v0 .dash {
      color: #8a909b;
    }

    .ad-page-v0 .comparison-logo {
      display: inline-block;
      flex: 0 0 auto;
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }

    .ad-page-v0 .comparison-logo.mockitt-logo {
      position: relative;
      width: 26.782608032226562px;
      height: 26.782608032226562px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Vector-mobile.png");
    }

    .ad-page-v0 .comparison-logo.mockitt-logo::after {
      content: "";
      position: absolute;
      left: 5.598983287811279px;
      top: 7.055685520172119px;
      width: 15.662740707397461px;
      height: 14.424575805664062px;
      background: url("/mb-cms/__/en/img/ad/comparison/v0/images/Group10.png") center / 100% 100% no-repeat;
    }

    .ad-page-v0 .comparison-logo.v0-logo {
      width: 27px;
      height: 27px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Frame_3_9695.png");
    }

    .ad-page-v0 .roles-section {
      color: #fff;
      min-height: auto;
      background: #fff;
      padding: 0 25px;
    }

    .ad-page-v0 .roles-section .v0-container {
      position: relative;
      overflow: hidden;
      width: min(1870px, 100%);
      padding: 128px 305px;
      border-radius: 40px;
      background: rgb(30, 25, 44);
    }

    .ad-page-v0 .roles-section .v0-container::before {
      content: "";
      position: absolute;
      left: -729px;
      top: 504.0078125px;
      z-index: 0;
      width: 1677px;
      height: 1397px;
      background: url("/mb-cms/__/en/img/ad/comparison/v0/images/Ellipse15.png") center / 100% 100% no-repeat;
      pointer-events: none;
    }

    .ad-page-v0 .roles-bg {
      position: absolute;
      z-index: 0;
      pointer-events: none;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    .ad-page-v0 .roles-bg-vector-left {
      left: -787px;
      top: -475px;
      width: 1918px;
      height: 1286px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Ellipse13.png");
    }

    .ad-page-v0 .roles-bg-vector-right {
      left: 860px;
      top: -500px;
      width: 1918px;
      height: 1564px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Ellipse14.png");
    }

    .ad-page-v0 .roles-bg-code-right {
      left: 1540px;
      top: 0.0078125px;
      width: 329.6271057128906px;
      height: 1144px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/8760c42cee6ac8d97cd981c4e7c80fbfe1e867f8.png");
      background-size: 563.9215% 84.5752%;
      background-position: -1387.63px 51.39px;
    }

    .ad-page-v0 .roles-bg-code-left {
      left: 0;
      top: 0.0078125px;
      width: 329.6271057128906px;
      height: 1144px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/8760c42cee6ac8d97cd981c4e7c80fbfe1e867f8.png");
      background-size: 563.9215% 84.5752%;
      background-position: -109.88px 51.39px;
    }

    .ad-page-v0 .roles-section .section-heading,
    .ad-page-v0 .roles-section .role-grid {
      position: relative;
      z-index: 1;
      width: min(1360px, calc(100vw - 100px));
      margin-left: auto;
      margin-right: auto;
    }

    .ad-page-v0 .roles-section .section-heading {
      gap: 28px;
      margin-bottom: 80px;
    }

    .ad-page-v0 .roles-section .section-heading .roles-heading-stars {
      position: absolute;
      left: 50%;
      top: clamp(-18px, -1.2vw, -8px);
      z-index: 0;
      width: min(884px, calc(100% + 120px));
      height: clamp(72px, 9vw, 125px);
      transform: translateX(-50%);
      background: url("/mb-cms/__/en/img/ad/comparison/v0/images/Group_star.svg") center / contain no-repeat;
      pointer-events: none;
    }

    .ad-page-v0 .roles-section .section-heading h2,
    .ad-page-v0 .roles-section .section-heading p {
      position: relative;
      z-index: 1;
    }

    .ad-page-v0 .roles-section .section-heading p {
      color: rgba(255, 255, 255, 0.72);
    }

    .ad-page-v0 .role-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 40px;
    }

    .ad-page-v0 .role-card {
      position: relative;
      overflow: hidden;
      min-height: 437.7080383300781px;
      padding: 40px 24px;
      border: 0;
      border-radius: 23.77928352355957px;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20660%20437.7080383300781'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%3Cstop%20stop-color%3D'rgba(255%2C255%2C255%2C0.05)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(255%2C255%2C255%2C0.18000000598383883)'%20offset%3D'1'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%3C%2Fsvg%3E");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .ad-page-v0 .role-card::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20660%20437.7080383300781'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%3Cstop%20stop-color%3D'rgba(255%2C255%2C255%2C0.1304999911574758)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(255%2C255%2C255%2C0.040500000273480094)'%20offset%3D'1'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%3C%2Fsvg%3E");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
      padding: 1.5px;
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
    }

    .ad-page-v0 .role-card > * {
      position: relative;
      z-index: 1;
    }

    .ad-page-v0 .role-card-header {
      display: flex;
      align-items: center;
      gap: 20px;
      padding-left: 16px;
    }

    .ad-page-v0 .role-card-title {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .ad-page-v0 .role-icon {
      position: relative;
      flex: 0 0 auto;
      width: 58px;
      height: 58px;
      overflow: hidden;
      background-position: center;
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }

    .ad-page-v0 .role-icon-designers {
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Frame21472256821.png");
    }

    .ad-page-v0 .role-icon-managers {
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Frame21472256820.png");
    }

    .ad-page-v0 .role-icon-developers {
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Frame2147225682.png");
    }

    .ad-page-v0 .role-icon-teams {
      border-radius: 20.999998092651367px;
      background-color: rgb(255, 117, 232);
      box-shadow: -2.8999998569488525px 5.799999713897705px 15.94999885559082px 0 rgba(255, 255, 255, 0.36000001196767767) inset;
    }

    .ad-page-v0 .role-icon-teams::before,
    .ad-page-v0 .role-icon-teams::after {
      content: "";
      position: absolute;
      background-position: center;
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }

    .ad-page-v0 .role-icon-teams::before {
      left: 14.241022602203884px;
      top: 13.050000190736682px;
      width: 23.8212890625px;
      height: 31.76123046875px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Group_3_9881.png");
    }

    .ad-page-v0 .role-icon-teams::after {
      left: 30.121631622314453px;
      top: 27.342041015625px;
      width: 17.46923828125px;
      height: 17.46875px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Group_3_9883.png");
    }

    .ad-page-v0 .role-card h3 {
      margin: 0;
      color: #fff;
      font-size: 24px;
      font-weight: 600;
      line-height: 1.2;
    }

    .ad-page-v0 .role-card p {
      margin: 0;
      max-width: none;
      color: #fff;
      font-size: 20px;
      font-weight: 500;
      line-height: 150%;
    }

    .ad-page-v0 .role-label {
      display: block;
      color: #fff;
      font-size: 20px;
      font-weight: 400;
      line-height: 150%;
      letter-spacing: 0;
    }

    .ad-page-v0 .role-card .role-quote {
      margin: 0;
      padding: 12px 16px;
      border: 0;
      border-left: 2px solid var(--role-accent, rgb(206, 141, 255));
      border-radius: 10px;
      color: var(--role-accent, rgb(206, 141, 255));
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20578%2053.70804214477539'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(1.0000%2C%200.0000%2C%200.0000%2C%201.0000%2C%200.0000%2C%200.0000)'%3E%3Cstop%20stop-color%3D'rgba(255%2C255%2C255%2C0.15)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(255%2C255%2C255%2C0.02999999850404029)'%20offset%3D'1'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%3C%2Fsvg%3E");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
      font-weight: 400;
      font-style: italic;
    }

    .ad-page-v0 .role-card ul {
      display: grid;
      gap: 0;
      margin: 0;
      padding-left: 22px;
      color: rgba(255, 255, 255, 0.6000000238418579);
      font-size: 20px;
      line-height: 30px;
    }

    .ad-page-v0 .role-card li::marker {
      color: rgba(255, 255, 255, 0.6000000238418579);
    }

    @media (min-width: 1280px) and (max-width: 1919px) {
      .ad-page-v0 .roles-section .v0-container {
        padding-left: clamp(80px, calc((100vw - 1410px) / 2), 305px);
        padding-right: clamp(80px, calc((100vw - 1410px) / 2), 305px);
      }

      .ad-page-v0 .roles-section .section-heading,
      .ad-page-v0 .roles-section .role-grid {
        width: min(1360px, 100%);
      }
    }

    @media (min-width: 1024px) and (max-width: 1279px) {
      .ad-page-v0 .roles-section .v0-container {
        padding-left: 56px;
        padding-right: 56px;
      }

      .ad-page-v0 .roles-section .section-heading,
      .ad-page-v0 .roles-section .role-grid {
        width: min(1360px, 100%);
      }
    }

    @media (min-width: 1920px) {
      .ad-page-v0 .roles-section .v0-container {
        width: calc(100vw - 50px);
        max-width: none;
      }
    }

    @media (min-width: 640px) and (max-width: 1439px) {
      .ad-page-v0 .comparison-art {
        left: 50%;
        width: 100vw;
        height: 1440.2308349609375px;
        transform: translateX(-50%);
        background-size: 100% auto;
      }
    }

    .ad-page-v0 .logos-section {
      padding: 128px 24px;
      background: #fff;
    }

    .ad-page-v0 .logos-section .v0-container {
      width: 100%;
      max-width: none;
    }

    .ad-page-v0 .logos-section .section-heading {
      gap: 28px;
      width: auto;
      margin-bottom: 60px;
    }

    .ad-page-v0 .logos-section .section-heading h2 {
      font-size: 48px;
      font-weight: 600;
      line-height: normal;
      color: rgba(25, 25, 26, 1);
      white-space: pre;
    }

    .ad-page-v0 .logos-section .section-heading p {
      font-size: 20px;
      line-height: 30px;
      color: rgba(85, 85, 87, 1);
      white-space: pre;
    }

    .ad-page-v0 .logos-mobile-break {
      display: none;
    }

    .ad-page-v0 .logo-strip {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      width: 100%;
    }

    .ad-page-v0 .logo-cell {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 120px;
      overflow: hidden;
      background: #fff;
      border-color: rgba(225.35897827148438, 228.4320526123047, 239.6999969482422, 1);
      border-style: solid;
      border-width: 0 1px 1px 0;
    }

    .ad-page-v0 .logo-cell:nth-child(5) {
      border-right-width: 0;
    }

    .ad-page-v0 .logo-cell:nth-child(n + 6) {
      border-top-width: 1px;
      border-bottom-width: 0;
    }

    .ad-page-v0 .logo-cell:nth-child(10) {
      border-right-width: 0;
    }

    .ad-page-v0 .semantic-logo-image {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
    }

    .ad-page-v0 .logo-mark {
      position: relative;
      flex-shrink: 0;
      transform-origin: center;
    }

    @media (min-width: 640px) and (max-width: 1279px) {
      .ad-page-v0 .logo-mark {
        transform: scale(0.86);
      }
    }

    .ad-page-v0 .logo-mask,
    .ad-page-v0 .logo-bitmap {
      display: block;
      background-repeat: no-repeat;
    }

    .ad-page-v0 .logo-mask {
      background-size: 0 0;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }

    .ad-page-v0 .logo-lenovo {
      width: 138.85714721679688px;
      height: 29.160001754760742px;
      background-color: rgba(30.844486236572266, 120.5066909790039, 255, 1);
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/fileLenovologo2015svg1.png");
      -webkit-mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/fileLenovologo2015svg1.png");
      mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/fileLenovologo2015svg1.png");
      -webkit-mask-size: 138.85714721679688px 29.160001754760742px;
      mask-size: 138.85714721679688px 29.160001754760742px;
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }

    .ad-page-v0 .logo-byd {
      width: 120.34286499023438px;
      height: 24.299999237060547px;
      overflow: hidden;
      background: url("/mb-cms/__/en/img/ad/comparison/shared/image/Group15.png") center / 100% 100% no-repeat;
    }

    .ad-page-v0 .logo-byd::before {
      content: "";
      display: none;
      position: absolute;
      left: 0.000026702880859375px;
      top: 0.3738769590854645px;
      width: 120.3427734375px;
      height: 23.1767578125px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/Group15.png"), url("/mb-cms/__/en/img/ad/comparison/v0/images/Group.png");
      background-size: 100% 100%, 0 0;
      background-repeat: no-repeat;
      -webkit-mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Group.png");
      mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Group.png");
      -webkit-mask-size: 120.34286499023438px 24.299999237060547px;
      mask-size: 120.34286499023438px 24.299999237060547px;
      -webkit-mask-position: -0.000026702880859375px -0.3738769590854645px;
      mask-position: -0.000026702880859375px -0.3738769590854645px;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }

    .ad-page-v0 .logo-kfc {
      width: 99.02361297607422px;
      height: 27.540000915527344px;
      background-color: rgba(251, 176, 0, 1);
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/__b93a65a11.png");
      -webkit-mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/__b93a65a11.png");
      mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/__b93a65a11.png");
      -webkit-mask-size: 99.02361297607422px 27.540000915527344px;
      mask-size: 99.02361297607422px 27.540000915527344px;
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }

    .ad-page-v0 .logo-akulaku {
      width: 180.7451171875px;
      height: 38.880001068115234px;
    }

    .ad-page-v0 .logo-akulaku::before,
    .ad-page-v0 .logo-akulaku::after {
      content: "";
      position: absolute;
      background-color: rgba(246, 17, 78, 1);
      background-size: 0 0;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }

    .ad-page-v0 .logo-akulaku::before {
      left: 0;
      top: 0;
      width: 38.880001068115234px;
      height: 38.880001068115234px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/AkulakuLogo7C03PNGLogoV2.png");
      -webkit-mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/AkulakuLogo7C03PNGLogoV2.png");
      mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/AkulakuLogo7C03PNGLogoV2.png");
      -webkit-mask-size: 39.069664001464844px 38.880001068115234px;
      mask-size: 39.069664001464844px 38.880001068115234px;
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }

    .ad-page-v0 .logo-akulaku::after {
      left: 47.15752258896828px;
      top: -3.2679195404052734px;
      width: 133.85585021972656px;
      height: 45.415382385253906px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/AkulakuLogo7C03PNGLogoV1.png");
      -webkit-mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/AkulakuLogo7C03PNGLogoV1.png");
      mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/AkulakuLogo7C03PNGLogoV1.png");
      -webkit-mask-size: 133.36614990234375px 25.920000076293945px;
      mask-size: 133.36614990234375px 25.920000076293945px;
      -webkit-mask-position: 0.22143325209617615px 9.748388290405273px;
      mask-position: 0.22143325209617615px 9.748388290405273px;
    }

    .ad-page-v0 .logo-aldi {
      width: 90.58114624023438px;
      height: 30.780000686645508px;
      background-color: rgba(25, 25, 26, 1);
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/image403.png");
      -webkit-mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/image403.png");
      mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/image403.png");
      -webkit-mask-size: 90.58114624023438px 30.780000686645508px;
      mask-size: 90.58114624023438px 30.780000686645508px;
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }

    .ad-page-v0 .logo-bmw {
      display: flex;
      align-items: center;
      gap: 12.959999084472656px;
    }

    .ad-page-v0 .logo-bmw-mark {
      position: relative;
      width: 38.880001068115234px;
      height: 38.880001068115234px;
      flex-shrink: 0;
    }

    .ad-page-v0 .logo-bmw-mark span {
      position: absolute;
      display: block;
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }

    .ad-page-v0 .logo-bmw-shape0 {
      left: 0;
      top: 0;
      width: 38.8798828125px;
      height: 38.8798828125px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/Shape0.png");
    }

    .ad-page-v0 .logo-bmw-shape {
      left: 7.920070648193359px;
      top: 7.920117378234863px;
      width: 23.0400390625px;
      height: 23.0400390625px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/Shape.png");
    }

    .ad-page-v0 .logo-bmw-group {
      left: 5.334023475646973px;
      top: 2.399707078933716px;
      width: 28.204345703125px;
      height: 10.25634765625px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Group14.png");
    }

    .ad-page-v0 .logo-bmw-path0 {
      left: 7.920070648193359px;
      top: 7.920117378234863px;
      width: 11.52001953125px;
      height: 11.52001953125px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/Path0.png");
    }

    .ad-page-v0 .logo-bmw-path {
      left: 19.440114974975586px;
      top: 19.43994140625px;
      width: 11.52001953125px;
      height: 11.52001953125px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/Path.png");
    }

    .ad-page-v0 .logo-bmw-text {
      color: rgba(1, 99, 169, 1);
      font-size: 32.39999771118164px;
      font-weight: 500;
      line-height: normal;
      white-space: pre;
    }

    .ad-page-v0 .logo-ikea {
      width: 93.44189453125px;
      height: 38px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/imgi_1_ikea1.png");
      background-size: 100% 100%;
    }

    .ad-page-v0 .logo-loreal {
      width: 160.2197723388672px;
      height: 29.160001754760742px;
      background-color: rgba(25, 25, 26, 1);
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/image401.png");
      -webkit-mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/image401.png");
      mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/image401.png");
      -webkit-mask-size: 160.2197723388672px 29.160001754760742px;
      mask-size: 160.2197723388672px 29.160001754760742px;
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }

    .ad-page-v0 .logo-transsion {
      width: 139.27899169921875px;
      height: 38.880001068115234px;
      background-color: rgba(25, 25, 26, 1);
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/TranssionHoldingsEgypt7CFac1.png");
      -webkit-mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/TranssionHoldingsEgypt7CFac1.png");
      mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/TranssionHoldingsEgypt7CFac1.png");
      -webkit-mask-size: 139.27899169921875px 38.880001068115234px;
      mask-size: 139.27899169921875px 38.880001068115234px;
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }

    .ad-page-v0 .logo-china-mobile {
      display: flex;
      align-items: center;
      gap: 12.959999084472656px;
    }

    .ad-page-v0 .logo-china-mobile-mark {
      width: 39.38167953491211px;
      height: 38.880001068115234px;
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/a3ec4083222df6f7d7030697b5f3bdfdbcef94db.png");
      background-size: 318.4713% 100%;
      background-position: 0 0;
    }

    .ad-page-v0 .logo-china-mobile-text {
      width: 173.85366821289062px;
      height: 25.920000076293945px;
      background-color: rgba(0, 134, 208, 1);
      background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/image398.png");
      -webkit-mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/image398.png");
      mask-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/image398.png");
      -webkit-mask-size: 173.85366821289062px 25.920000076293945px;
      mask-size: 173.85366821289062px 25.920000076293945px;
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
    }

    .ad-page-v0 .testimonials-section {
      padding: 128px 24px;
      background: #fff;
    }

    .ad-page-v0 .testimonials-section .v0-container {
      width: 100%;
      max-width: none;
    }

    .ad-page-v0 .testimonials-section .section-heading {
      gap: 28px;
      width: auto;
      margin-bottom: 60px;
    }

    .ad-page-v0 .testimonials-section .section-heading h2 {
      display: flex;
      flex-direction: row;
      gap: 12px;
      align-items: center;
      margin: 0;
      font-size: 48px;
      font-weight: 600;
      line-height: normal;
      color: rgba(25, 25, 26, 1);
      white-space: pre;
    }

    .ad-page-v0 .testimonials-section .section-heading p {
      font-size: 20px;
      line-height: 30px;
      color: rgba(85, 85, 87, 1);
      white-space: pre;
    }

    .ad-page-v0 .testimonial-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 32px;
      width: min(1360px, 100%);
      margin: 0 auto;
    }

    .ad-page-v0 .testimonial-card {
      display: flex;
      flex-direction: column;
      gap: 32px;
      min-height: 270px;
      padding: 32px;
      border-radius: 24px;
      background: rgba(242, 244, 248, 1);
    }

    .ad-page-v0 .stars {
      display: flex;
      flex-direction: row;
      gap: 6px;
      align-items: center;
    }

    .ad-page-v0 .stars span {
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      background: url("/mb-cms/__/en/img/ad/comparison/v0/images/Frame28.png") center / 100% 100% no-repeat;
    }

    .ad-page-v0 .testimonial-card blockquote,
    .ad-page-v0 .testimonial-card p {
      margin: 0;
      width: 100%;
      color: rgba(25, 25, 26, 1);
      font-size: 14px;
      font-weight: 400;
      line-height: 28px;
    }

    .ad-page-v0 .person {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-top: auto;
    }

    .ad-page-v0 .avatar {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
    }

    .ad-page-v0 .avatar-visual {
      width: 40px;
      height: 40px;
      flex-shrink: 0;
      overflow: hidden;
      border: 1px solid rgba(232, 234, 237, 1);
      border-radius: 100px;
      background-repeat: no-repeat;
    }

    .ad-page-v0 .avatar-sarah {
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/7412cda8fb627eef4cb8c5bfb7f0e7c533dee647.png");
      background-size: cover;
      background-position: center;
    }

    .ad-page-v0 .avatar-marcus {
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/aea4d46ffd0c8b7e30386bb95896a9d6a4f136c2.png");
      background-size: 157.8045% 157.8045%;
      background-position: -13.73px -2.81px;
    }

    .ad-page-v0 .avatar-alex {
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/5a2eecb7c34b1a88d1bb1b386b8fc4963b0a78fe.png");
      background-size: 111.939% 149.356%;
      background-position: -4.95px -0.56px;
    }

    .ad-page-v0 .avatar-emma {
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/43b1e2be426af1cbef9b12aabd57685b9498661f.png");
      background-size: 118.0676% 118.0676%;
      background-position: -3.97px -0.65px;
    }

    .ad-page-v0 .avatar-david {
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/d8eaff42a3b8c4657d2bf7066ad38e9914d98908.png");
      background-size: 152.653% 228.9795%;
      background-position: -8.82px -10.34px;
    }

    .ad-page-v0 .avatar-lisa {
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/fb73cb7746dbe497e40347b1ed428861949b3723.png");
      background-size: cover;
      background-position: center;
    }

    .ad-page-v0 .person strong,
    .ad-page-v0 .person span {
      display: block;
    }

    .ad-page-v0 .person strong {
      color: rgba(25, 25, 26, 1);
      font-size: 16px;
      font-weight: 500;
      line-height: normal;
      white-space: pre;
    }

    .ad-page-v0 .person span {
      color: rgba(139, 140, 143, 1);
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      margin-top: 3px;
      white-space: pre;
    }

    .ad-page-v0 .mobile-title {
      display: none;
    }

    .ad-page-v0 .mobile-faq-copy {
      display: none;
    }

    .ad-page-v0 .faq-section {
      padding: 80px 24px 180px;
      background: #fff;
    }

    .ad-page-v0 .faq-section .v0-container {
      width: 100%;
      max-width: none;
    }

    .ad-page-v0 .faq-section .section-heading {
      gap: 28px;
      width: auto;
      margin-bottom: 80px;
    }

    .ad-page-v0 .faq-section .section-heading h2 {
      font-size: 48px;
      font-weight: 600;
      line-height: normal;
      color: rgba(25, 25, 26, 1);
      white-space: pre;
    }

    .ad-page-v0 .faq-section .section-heading p {
      font-size: 20px;
      line-height: 30px;
      color: rgba(85, 85, 87, 1);
      white-space: pre;
    }

    .ad-page-v0 .faq-list {
      display: grid;
      gap: 24px;
      width: min(1380px, 100%);
      margin: 0 auto;
    }

    .ad-page-v0 .faq-section details {
      border: 0;
      border-radius: 12px;
      background: rgba(242, 244, 248, 1);
      box-shadow: none;
    }

    .ad-page-v0 .faq-section summary {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      cursor: pointer;
      padding: 24px 28px;
      font-size: 20px;
      font-weight: 600;
      line-height: 32px;
      list-style: none;
    }

    .ad-page-v0 .faq-section summary::after {
      content: "";
      width: 32px;
      height: 32px;
      flex-shrink: 0;
      background-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/Group0.png"), url("/mb-cms/__/en/img/ad/comparison/shared/image/clip653_1885.png");
      background-size: 16.12060546875px 8.744140625px, 0 0;
      background-repeat: no-repeat;
      background-position: 9px 12.6845703125px;
      -webkit-mask-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/clip653_1885.png");
      mask-image: url("/mb-cms/__/en/img/ad/comparison/shared/image/clip653_1885.png");
      -webkit-mask-size: 32px 32px;
      mask-size: 32px 32px;
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      transition: transform 160ms ease;
      transform-origin: center;
    }

    .ad-page-v0 .faq-section details:not([open]) summary::after {
      transform: rotate(180deg);
    }

    .ad-page-v0 .faq-section summary::-webkit-details-marker {
      display: none;
    }

    .ad-page-v0 .faq-section details p {
      margin: 0;
      padding: 0 28px 24px;
      color: rgba(25, 25, 26, 0.800000011920929);
      font-size: 14px;
      line-height: 179.99999523162842%;
    }

    .ad-page-v0 .final-cta-section {
      display: flex;
      justify-content: center;
      padding: 0 25px 25px;
    }

    .ad-page-v0 .final-cta {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: min(1870px, 100%);
      overflow: hidden;
      min-height: 425px;
      border-radius: 40px;
      padding: 99px clamp(48px, 14.5833333333vw, 280px);
      text-align: center;
      background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%201870%20425'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.3361%2C%203.7376%2C%20-0.4434%2C%200.7719%2C%200.2217%2C%20-0.9410)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(252.2153778076172%2C255%2C87.92203521728516%2C0.5)'%20offset%3D'0.047521576285362244'%2F%3E%3Cstop%20stop-color%3D'rgba(255%2C119.33490753173828%2C160.034423828125%2C0.5)'%20offset%3D'0.23501144349575043'%2F%3E%3Cstop%20stop-color%3D'rgba(0%2C136.89999389648438%2C222%2C0.5)'%20offset%3D'0.35852888226509094'%2F%3E%3Cstop%20stop-color%3D'rgba(0%2C170.1999969482422%2C222%2C0.5)'%20offset%3D'0.4695081114768982'%2F%3E%3Cstop%20stop-color%3D'rgba(0%2C222%2C181.3000030517578%2C0.5)'%20offset%3D'0.8221153616905212'%2F%3E%3Cstop%20stop-color%3D'rgba(4.931866645812988%2C248.96559143066406%2C171.68824768066406%2C0.5)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E"), url("/mb-cms/__/en/img/ad/comparison/v0/images/8d31c89c85b8aa310e177dac6137d8df5b24c14d.png");
      background-size: 100% 100%, 117.5984% 622.6103%;
      background-repeat: no-repeat, no-repeat;
      background-position: center, -123.46px -1075.87px;
    }

    .ad-page-v0 .final-cta h2 {
      display: flex;
      flex-direction: row;
      gap: 12px;
      align-items: center;
      margin: 0 0 25px;
      color: #fff;
      font-size: 50px;
      font-weight: 600;
      line-height: 108.00000429153442%;
      white-space: pre;
    }

    .ad-page-v0 .final-cta h2 span {
      color: rgba(25, 25, 26, 1);
    }

    .ad-page-v0 .final-cta p {
      width: 100%;
      margin: 0 auto 64px;
      color: rgba(255, 255, 255, 1);
      font-size: 16px;
      line-height: 150%;
    }

    .ad-page-v0 .final-cta .v0-btn {
      height: 60px;
      min-height: 60px;
      gap: 6px;
      padding: 0 36px 2px 40px;
      border: 0;
      border-radius: 52px;
      color: rgba(255, 255, 255, 1);
      background: rgba(25, 25, 26, 1);
      box-shadow: none;
      font-size: 22px;
      font-weight: 600;
    }

    .ad-page-v0 .final-cta-icon {
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      background: url("/mb-cms/__/en/img/ad/comparison/shared/image/_1.png") center / 100% 100% no-repeat;
    }

    @media (min-width: 1920px) {
      .ad-page-v0 .final-cta {
        width: calc(100vw - 50px);
        max-width: none;
      }
    }

    @media (min-width: 1024px) and (max-width: 1919px) {
      .ad-page-v0 .final-cta {
        background-size: 100% 100%, cover;
        background-position: center, center;
      }
    }

    @media (max-width: 1023px) {
      .ad-page-v0 .hero-shell {
        min-height: 760px;
        --hero-visual-top: 393px;
      }

      .ad-page-v0 .hero-shell::before {
        left: -58.795%;
        top: calc(100% - clamp(123px, 20vw, 180px) - clamp(120px, 21.053vw, 189.474px));
        width: 217.3%;
        height: clamp(382.5px, 67.105vw, 603.947px);
      }

      .ad-page-v0 .hero-copy {
        padding-top: 58px;
      }

      .ad-page-v0 .hero-title {
        font-size: 40px;
      }

      .ad-page-v0 .hero-copy p {
        font-size: 16px;
      }

      .ad-page-v0 .button-row {
        gap: 20px;
      }

      .ad-page-v0 .v0-btn {
        height: 45px;
        min-height: 45px;
        padding: 0 24px;
        font-size: 16.5px;
      }

      .ad-page-v0 .v0-btn-primary,
      .ad-page-v0 #v0-hero .v0-btn:not(.v0-btn-primary) {
        width: 176px;
      }

      .ad-page-v0 .btn-arrow {
        width: 18px;
        height: 18px;
        flex-basis: 18px;
      }

      .ad-page-v0 .feature-list,
      .ad-page-v0 .role-grid,
      .ad-page-v0 .testimonial-grid {
        grid-template-columns: 1fr;
      }

      .ad-page-v0 .roles-section {
        padding: 32px 16px;
      }

      .ad-page-v0 .roles-section .v0-container {
        padding: 64px 32px;
        border-radius: 28px;
      }

      .ad-page-v0 .roles-section .section-heading {
        margin-bottom: 48px;
      }

      .ad-page-v0 .feature-visual {
        min-height: 0;
      }

      .ad-page-v0 .testimonials-section {
        padding: 72px 24px;
      }

      .ad-page-v0 .logos-section {
        padding: 72px 24px;
      }

      .ad-page-v0 .logo-mark {
        transform: scale(0.72);
      }

      .ad-page-v0 .comparison-panel {
        overflow-x: hidden;
      }

      .ad-page-v0 .comparison-grid {
        min-width: 0;
        grid-template-columns: 1.08fr 0.96fr 0.96fr;
      }

      .ad-page-v0 .comparison-cell {
        min-height: 42px;
        padding: 10px 8px;
        gap: 5px;
        font-size: 9px;
      }

      .ad-page-v0 .comparison-head .comparison-cell {
        min-height: 54px;
        font-size: 13px;
      }

      .ad-page-v0 .comparison-group-cell {
        min-height: 32px;
        font-size: 10px;
      }

      .ad-page-v0 .check {
        width: 14px;
        height: 14px;
        flex-basis: 14px;
        font-size: 9px;
      }
    }

    @media (max-width: 639px) {
      .ad-page-v0 {
        --section: 64px;
        --page-pad: 10px;
      }

      .ad-page-v0 .hero-shell {
        min-height: clamp(558px, calc(76.2264vw + 272.151px), 760px);
        border-radius: clamp(22px, calc(6.7925vw - 3.4717px), 40px);
        background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20355%20558'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(235.91285705566406%2C244.3820037841797%2C250.43138122558594%2C1)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(255%2C255%2C255%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      }

      .ad-page-v0 .hero-shell::before {
        left: clamp(-58.795%, calc(-45.9583% - 2.1387vw), -53.48%);
        top: clamp(271px, calc(85.283vw - 48.811px), 497px);
        width: clamp(204.43%, calc(186.213% + 4.857vw), 217.3%);
        height: clamp(355px, calc(28.3019vw + 248.868px), 430px);
      }

      .ad-page-v0 .hero-shell::after {
        display: none;
      }

      .ad-page-v0 .hero-section {
        padding: clamp(0px, calc(19.3208px - 3.0189vw), 8px) clamp(0px, calc(24.1509px - 3.7736vw), 10px) 0;
      }

      .ad-page-v0 .hero-copy {
        gap: clamp(16px, calc(4.5283vw - 0.9811px), 28px);
        padding: clamp(40px, calc(6.7925vw + 14.5283px), 58px) clamp(0px, calc(38.6415px - 6.0377vw), 16px) 0;
      }

      .ad-page-v0 .eyebrow {
        gap: 4px;
        padding: 4px 6.6667px 4px 4.6667px;
        font-size: 10px;
        border-radius: 66.66667175292969px;
        background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2097.54808044433594%2024'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(1.0292%2C%200.0000%2C%20-0.0000%2C%20133.6866%2C%20-0.0167%2C%20-66.2242)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(155.71417236328125%2C220.93133544921875%2C255%2C1)'%20offset%3D'0.3241478502750397'%2F%3E%3Cstop%20stop-color%3D'rgba(151.66958618164062%2C233.1703338623047%2C228.03065490722656%2C1)'%20offset%3D'0.8676047921180725'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      }

      .ad-page-v0 .eyebrow strong {
        height: 16px;
        padding: 0 8px;
      }

      .ad-page-v0 .eyebrow-alt {
        width: auto;
        font-size: 10px;
        font-weight: 500;
        line-height: 108.00000429153442%;
      }

      .ad-page-v0 .desktop-title {
        display: none;
      }

      .ad-page-v0 .mobile-title {
        display: inline;
      }

      .ad-page-v0 .hero-title {
        font-size: clamp(28px, calc(4.5283vw + 11.0189px), 40px);
        line-height: clamp(36px, calc(4.5283vw + 19.0189px), 48px);
      }

      .ad-page-v0 .hero-copy p {
        font-size: clamp(12px, calc(1.5094vw + 6.3396px), 16px);
        line-height: clamp(18px, calc(2.2642vw + 9.5094px), 24px);
      }

      .ad-page-v0 .desktop-break {
        display: none;
      }

      .ad-page-v0 .feature-copy h2 {
        flex-direction: column;
        gap: 0;
        font-size: 22px;
        line-height: 139.9999976158142%;
      }

      .ad-page-v0 .feature-title-line {
        gap: 0;
      }

      .ad-page-v0 .feature-title-brand {
        background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%2074%2031'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(1.0292%2C%200.0000%2C%20-0.0000%2C%20133.6866%2C%20-0.0167%2C%20-66.2242)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(23%2C157%2C227%2C1)'%20offset%3D'0.5432692170143127'%2F%3E%3Cstop%20stop-color%3D'rgba(0%2C222%2C208%2C1)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E");
      }

      .ad-page-v0 .button-row {
        gap: clamp(12px, calc(3.0189vw + 0.6792px), 20px);
        margin-top: clamp(0px, calc(57.9623px - 9.0566vw), 24px);
      }

      .ad-page-v0 .v0-btn {
        height: clamp(36px, calc(3.3962vw + 23.2642px), 45px);
        min-height: clamp(36px, calc(3.3962vw + 23.2642px), 45px);
        padding: 0 clamp(20px, calc(1.5094vw + 14.3396px), 24px);
        font-size: clamp(12px, calc(1.6981vw + 5.6321px), 16.5px);
      }

      .ad-page-v0 .v0-btn-primary {
        width: clamp(128.77px, calc(17.8226vw + 61.9351px), 176px);
      }

      .ad-page-v0 #v0-hero .v0-btn:not(.v0-btn-primary) {
        width: clamp(114px, calc(23.3962vw + 26.2642px), 176px);
        padding: 0;
      }

      .ad-page-v0 .btn-arrow {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
        background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/icongotoweb0.png");
      }

      .ad-page-v0 .hero-visual {
        left: 0;
        top: clamp(376px, calc(6.4151vw + 351.9434px), 393px);
        width: 100%;
        height: clamp(182px, calc(69.8113vw - 79.7925px), 367px);
        min-height: 0;
        background-size: clamp(320px, calc(181.4717vw - 360.5189px), 801px) clamp(196.4705810546875px, calc(64.3507vw - 44.8445px), 367px);
        background-position: center clamp(0px, calc(19.365px - 3.0259vw), 8.018712043762207px);
        transform: none;
      }

      .ad-page-v0 .feature-copy p,
      .ad-page-v0 .role-card p,
      .ad-page-v0 .final-cta p {
        font-size: 16px;
      }

      .ad-page-v0 .final-cta {
        padding-right: 48px;
        padding-left: 48px;
        background-size: 100% 100%, cover;
        background-position: center, center;
        background-repeat: no-repeat, no-repeat;
      }

      .ad-page-v0 .feature-section {
        padding: 32px 16px;
      }

      .ad-page-v0 .feature-copy {
        gap: 12px;
        margin-bottom: 32px;
      }

      .ad-page-v0 .feature-copy p {
        font-size: 14px;
        line-height: 150%;
      }

      .ad-page-v0 .feature-list {
        gap: 16px;
      }

      .ad-page-v0 .comparison-section {
        min-height: 599.5100708007812px;
        padding: 32px 16px 0;
      }

      .ad-page-v0 .comparison-art {
        left: 50%;
        top: 4px;
        width: max(368px, calc(100vw - 7px));
        height: max(613.1209716796875px, calc(166.5vw - 11.655px));
        transform: translateX(-50%);
      }

      .ad-page-v0 .comparison-section .v0-container {
        gap: 32px;
      }

      .ad-page-v0 .comparison-section .section-heading {
        gap: 12.266459465026855px;
      }

      .ad-page-v0 .comparison-section .comparison-title {
        gap: 5.257054328918457px;
        width: 169.84640502929688px;
        height: 31px;
        padding-right: 21.90439224243164px;
        font-size: 22px;
        line-height: 139.9999976158142%;
      }

      .ad-page-v0 .comparison-vs {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
        border-radius: 34.28567886352539px;
        font-size: 12.25532054901123px;
      }

      .ad-page-v0 .comparison-sparkle {
        left: 155.083984375px;
        top: -7.888916015625px;
        width: 21.028564453125px;
        height: 22.13232421875px;
      }

      .ad-page-v0 .comparison-section .section-heading p {
        font-size: 14px;
        line-height: 150%;
      }

      .ad-page-v0 .comparison-panel {
        width: 343px;
        padding: 11.17422103881836px 11.660057067871094px;
        border-radius: 10.688385009765625px;
        box-shadow: 0 1.9433428049087524px 10.688385009765625px rgba(233, 237, 243, 1);
      }

      .ad-page-v0 .comparison-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .ad-page-v0 .comparison-cell {
        min-height: 24.291784286499023px;
        padding: 7.287535667419434px 7.77337121963501px;
        gap: 4.858356952667236px;
        border-color: #e1e4f0;
        border-width: 0 0.4858357012271881px 0.4858357012271881px 0;
        font-size: 6.801699638366699px;
        line-height: normal;
      }

      .ad-page-v0 .comparison-row:not(.comparison-group):has(+ .comparison-row.comparison-group) .comparison-cell {
        border-bottom-width: 0;
      }

      .ad-page-v0 .comparison-head .comparison-cell {
        min-height: 13.603399276733398px;
        margin-bottom: 9.716713905334473px;
        font-size: 11.660057067871094px;
        line-height: 139.9999976158142%;
      }

      .ad-page-v0 .comparison-head .mockitt-cell,
      .ad-page-v0 .comparison-head .v0-cell {
        gap: 3.548712730407715px;
      }

      .ad-page-v0 .comparison-logo.mockitt-logo {
        width: 13.011946678161621px;
        height: 13.011946678161621px;
      }

      .ad-page-v0 .comparison-logo.mockitt-logo::after {
        left: 2.7201783657073975px;
        top: 3.4278571605682373px;
        width: 7.609410285949707px;
        height: 7.007973670959473px;
      }

      .ad-page-v0 .comparison-logo.v0-logo {
        width: 13.11767578125px;
        height: 13.11767578125px;
        background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Frame_3_11703.png");
      }

      .ad-page-v0 .comparison-group-cell {
        min-height: 24.291784286499023px;
        margin-bottom: -0.4858357012271881px;
        padding: 0 9.716706275939941px;
        border-radius: 4.858356952667236px;
        font-size: 6.801699638366699px;
      }

      .ad-page-v0 .comparison-row:not(.comparison-group) .comparison-cell:first-child {
        padding-left: 0;
      }

      .ad-page-v0 .check,
      .ad-page-v0 .cross {
        width: 8.7451171875px;
        height: 8.7451171875px;
        flex-basis: 8.7451171875px;
      }

      .ad-page-v0 .feature-card,
      .ad-page-v0 .testimonial-card {
        padding: 24px;
      }

      .ad-page-v0 .feature-card {
        min-height: 0;
        padding: 84px 20px 20px;
        border-radius: 24px;
      }

      .ad-page-v0 .feature-card::before {
        left: 20px;
        top: 20px;
        width: 40px;
        height: 40px;
        border-radius: 14.482758522033691px;
        -webkit-backdrop-filter: blur(3.666487693786621px);
        backdrop-filter: blur(3.666487693786621px);
        box-shadow:
          -1.3334200382232666px 2.666840076446533px 7.333810329437256px 0 rgba(255, 255, 255, 0.36000001196767767) inset,
          0 0 0 0.6667100191116333px rgba(0, 0, 0, 0.05000000074505806) inset;
      }

      .ad-page-v0 .feature-card::after {
        left: 25.5166015625px;
        top: 33.52484130859375px;
        width: 28.631103515624996px;
        height: 16.0960693359375px;
      }

      .ad-page-v0 .feature-card.visual-card::after {
        left: 28.47010326385498px;
        top: 28.48541259765625px;
        width: 21.728939056396484px;
        height: 21.698467254638672px;
        background-size: 10.23583984375px 20.47198486328125px, 21.72900390625px 21.698486328125px, 20.471923828125px 10.2359619140625px;
        background-position: 0.4748382568359375px 0.00020345051598269492px, -0.000013521267646865454px 0.00011668485967675224px, 1.1372045278549194px 10.23597240447998px;
      }

      .ad-page-v0 .feature-card.code-card::after {
        left: 25.5166015625px;
        top: 33.52484130859375px;
        width: 28.631103515624996px;
        height: 16.0960693359375px;
      }

      .ad-page-v0 .feature-card.workflow-card::after {
        left: 29.003193855285645px;
        top: 29.339192390441895px;
        width: 23.7777099609375px;
        height: 21.880081176757812px;
      }

      .ad-page-v0 .feature-card.draft-card::after {
        left: 19.333251953125px;
        top: 19.33319091796875px;
        width: 41.33349609375px;
        height: 41.33349609375px;
      }

      .ad-page-v0 .feature-chip {
        top: 20px;
        right: 20px;
        max-width: calc(100% - 80px);
        padding: 8px 16px;
        font-size: 16px;
      }

      .ad-page-v0 .feature-body {
        min-height: 0;
        padding: 24px;
      }

      .ad-page-v0 .feature-visual {
        aspect-ratio: 343 / 155.6732177734375;
        min-height: 0;
        border-radius: 16px;
      }

      .ad-page-v0 .role-card {
        min-height: 217.70333862304688px;
        padding: 19.72602653503418px 11.835616111755371px;
        border-radius: 16px;
        gap: 9.86301326751709px;
        background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20324%20217.70333862304688'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(0.0000%2C%201.0000%2C%20-1.0000%2C%200.0000%2C%201.0000%2C%20-0.0000)'%3E%3Cstop%20stop-color%3D'rgba(255%2C255%2C255%2C0.05)'%20offset%3D'0'%2F%3E%3Cstop%20stop-color%3D'rgba(255%2C255%2C255%2C0.18000000598383883)'%20offset%3D'1'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%3C%2Fsvg%3E");
      }

      .ad-page-v0 .role-card::after {
        padding: 0.7397260069847107px;
      }

      .ad-page-v0 .role-card-header {
        gap: 9.86301326751709px;
        padding-left: 7.890410900115967px;
      }

      .ad-page-v0 .role-card-title {
        gap: 1.9726027250289917px;
      }

      .ad-page-v0 .role-icon {
        width: 28.602739334106445px;
        height: 28.602739334106445px;
      }

      .ad-page-v0 .role-icon-teams {
        border-radius: 10.356162693500519px;
        box-shadow: -1.430136893924644px 2.860273787849288px 7.865752916585532px 0 rgba(255, 255, 255, 0.36000001196767767) inset;
      }

      .ad-page-v0 .role-icon-teams::before {
        left: 7.022970466077744px;
        top: 6.435616830954245px;
        width: 11.74741868233813px;
        height: 15.663551772804348px;
      }

      .ad-page-v0 .role-icon-teams::after {
        left: 14.855169371101294px;
        top: 13.486443201411637px;
        width: 8.61411895974837px;
        height: 8.613878251358697px;
      }

      .ad-page-v0 .role-card h3 {
        font-size: 11.835616111755371px;
      }

      .ad-page-v0 .role-label,
      .ad-page-v0 .role-card p,
      .ad-page-v0 .role-card ul {
        font-size: 9.86301326751709px;
        line-height: 150%;
      }

      .ad-page-v0 .role-quote {
        padding: 5.9178080558776855px 7.890410900115967px;
        border-left-width: 0.9863013625144958px;
        border-radius: 4.931506633758545px;
      }

      .ad-page-v0 .role-card ul {
        padding-left: 14.794519901275635px;
        line-height: 15px;
      }

      .ad-page-v0 .roles-section .v0-container {
        padding: 32px 16px 16px;
        border-radius: 22px;
      }

      .ad-page-v0 .roles-section {
        padding: 32px 16px;
      }

      .ad-page-v0 .roles-section .v0-container::before {
        display: none;
      }

      .ad-page-v0 .roles-bg {
        display: none;
      }

      .ad-page-v0 .roles-section .section-heading {
        position: relative;
        width: 297px;
        gap: 12px;
        margin-bottom: 32px;
      }

      .ad-page-v0 .roles-section .section-heading .roles-heading-stars {
        top: -10px;
        width: min(320px, calc(100% + 24px));
        height: 44px;
      }

      .ad-page-v0 .roles-section .section-heading::after {
        content: "";
        position: absolute;
        left: -5px;
        top: -7.776611328125px;
        width: 312.1591796875px;
        height: 50.599853515625px;
        background: url("/mb-cms/__/en/img/ad/comparison/v0/images/roles-title-line.png") center / 100% 100% no-repeat;
        pointer-events: none;
      }

      .ad-page-v0 .roles-section .section-heading > * {
        position: relative;
        z-index: 1;
      }

      .ad-page-v0 .roles-section .section-heading h2 {
        font-size: 22px;
        line-height: 140%;
      }

      .ad-page-v0 .roles-section .section-heading p {
        font-size: 14px;
        line-height: 150%;
      }

      .ad-page-v0 .roles-section .role-grid {
        width: 324px;
        gap: 16px;
      }

      .ad-page-v0 .logos-section {
        padding: 32px 16px;
      }

      .ad-page-v0 .logos-section .section-heading {
        gap: 12px;
        margin-bottom: 32px;
      }

      .ad-page-v0 .logos-section .section-heading h2 {
        font-size: 22px;
        line-height: 140%;
      }

      .ad-page-v0 .logos-section .section-heading p {
        width: 343px;
        font-size: 14px;
        line-height: 150%;
        white-space: pre-line;
      }

      .ad-page-v0 .logos-mobile-break {
        display: inline;
      }

      .ad-page-v0 .logo-strip {
        width: 343px;
        height: 64.70166015625px;
      }

      .ad-page-v0 .logo-cell {
        height: 32.48618698120117px;
        border-color: rgba(225.35897827148438, 228.4320526123047, 239.6999969482422, 1);
        border-width: 0 0.27071821689605713px 0.27071821689605713px 0;
      }

      .ad-page-v0 .logo-cell:nth-child(5) {
        border-right-width: 0;
      }

      .ad-page-v0 .logo-cell:nth-child(n + 6) {
        border-top-width: 0.27071821689605713px;
        border-bottom-width: 0;
      }

      .ad-page-v0 .logo-cell:nth-child(10) {
        border-right-width: 0;
      }

      .ad-page-v0 .logo-mark {
        transform: none;
      }

      .ad-page-v0 .logo-lenovo {
        width: 37.59115982055664px;
        height: 7.894144058227539px;
        -webkit-mask-size: 37.59115982055664px 7.894144058227539px;
        mask-size: 37.59115982055664px 7.894144058227539px;
      }

      .ad-page-v0 .logo-byd {
        width: 32.57900619506836px;
        height: 6.578453063964844px;
      }

      .ad-page-v0 .logo-byd::before {
        display: none;
        left: 0.00018344268028158695px;
        top: 0.10129272937774658px;
        width: 32.578857421875px;
        height: 6.2744140625px;
        background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Group8.png"), url("/mb-cms/__/en/img/ad/comparison/v0/images/Group.png");
        -webkit-mask-size: 32.57900619506836px 6.578453063964844px;
        mask-size: 32.57900619506836px 6.578453063964844px;
        -webkit-mask-position: -0.00018344268028158695px -0.10129272937774658px;
        mask-position: -0.00018344268028158695px -0.10129272937774658px;
      }

      .ad-page-v0 .logo-kfc {
        width: 26.807497024536133px;
        height: 7.455580234527588px;
        -webkit-mask-size: 26.807497024536133px 7.455580234527588px;
        mask-size: 26.807497024536133px 7.455580234527588px;
      }

      .ad-page-v0 .logo-akulaku {
        width: 48.930999755859375px;
        height: 10.525525093078613px;
      }

      .ad-page-v0 .logo-akulaku::before {
        width: 10.525525093078613px;
        height: 10.525525093078613px;
        -webkit-mask-size: 10.57686996459961px 10.525525093078613px;
        mask-size: 10.57686996459961px 10.525525093078613px;
      }

      .ad-page-v0 .logo-akulaku::after {
        left: 12.76629688590765px;
        top: -0.8844904899597168px;
        width: 36.237220764160156px;
        height: 12.294772148132324px;
        -webkit-mask-size: 36.10464859008789px 7.017016410827637px;
        mask-size: 36.10464859008789px 7.017016410827637px;
        -webkit-mask-position: 0.059877850115299225px 2.63899564743042px;
        mask-position: 0.059877850115299225px 2.63899564743042px;
      }

      .ad-page-v0 .logo-aldi {
        width: 24.5219669342041px;
        height: 8.332707405090332px;
        -webkit-mask-size: 24.5219669342041px 8.332707405090332px;
        mask-size: 24.5219669342041px 8.332707405090332px;
      }

      .ad-page-v0 .logo-bmw {
        gap: 3.50850772857666px;
      }

      .ad-page-v0 .logo-bmw-mark {
        width: 10.525525093078613px;
        height: 10.525525093078613px;
      }

      .ad-page-v0 .logo-bmw-shape0 {
        width: 10.525634765625px;
        height: 10.525390625px;
      }

      .ad-page-v0 .logo-bmw-shape {
        left: 2.143951177597046px;
        top: 2.1438405513763428px;
        width: 6.2373046875px;
        height: 6.2373046875px;
      }

      .ad-page-v0 .logo-bmw-group {
        left: 1.4438908100128174px;
        top: 0.6494706869125366px;
        width: 7.635498046875px;
        height: 2.77685546875px;
        background-image: url("/mb-cms/__/en/img/ad/comparison/v0/images/Group7.png");
      }

      .ad-page-v0 .logo-bmw-path0 {
        left: 2.143951177597046px;
        top: 2.1438405513763428px;
        width: 3.11865234375px;
        height: 3.11865234375px;
      }

      .ad-page-v0 .logo-bmw-path {
        left: 5.262630462646484px;
        top: 5.262519836425781px;
        width: 3.11865234375px;
        height: 3.11865234375px;
      }

      .ad-page-v0 .logo-bmw-text {
        font-size: 8.771269798278809px;
        font-weight: 700;
      }

      .ad-page-v0 .logo-ikea {
        width: 25.29638671875px;
        height: 10.287109375px;
      }

      .ad-page-v0 .logo-loreal {
        width: 43.374412536621094px;
        height: 7.894144058227539px;
        -webkit-mask-size: 43.374412536621094px 7.894144058227539px;
        mask-size: 43.374412536621094px 7.894144058227539px;
      }

      .ad-page-v0 .logo-transsion {
        width: 37.70536422729492px;
        height: 10.525525093078613px;
        -webkit-mask-size: 37.70536422729492px 10.525525093078613px;
        mask-size: 37.70536422729492px 10.525525093078613px;
      }

      .ad-page-v0 .logo-china-mobile {
        gap: 3.50850772857666px;
      }

      .ad-page-v0 .logo-china-mobile-mark {
        width: 10.661338806152344px;
        height: 10.525525093078613px;
      }

      .ad-page-v0 .logo-china-mobile-text {
        width: 47.06535720825195px;
        height: 7.017016410827637px;
        -webkit-mask-size: 47.06535720825195px 7.017016410827637px;
        mask-size: 47.06535720825195px 7.017016410827637px;
      }

      .ad-page-v0 .testimonials-section {
        padding: 32px 16px;
      }

      .ad-page-v0 .testimonials-section .section-heading {
        gap: 12px;
        margin-bottom: 32px;
      }

      .ad-page-v0 .testimonials-section .section-heading h2 {
        gap: 6px;
        font-size: 22px;
        line-height: normal;
      }

      .ad-page-v0 .testimonials-section .section-heading p {
        width: 343px;
        font-size: 14px;
        line-height: 150%;
        white-space: normal;
      }

      .ad-page-v0 .testimonial-grid {
        width: 343px;
        grid-template-columns: 1fr;
        gap: 25.407407760620117px;
      }

      .ad-page-v0 .testimonial-card {
        gap: 25.407407760620117px;
        min-height: 0;
        padding: 25.407407760620117px;
        border-radius: 20px;
      }

      .ad-page-v0 .testimonial-card:nth-child(n + 4) {
        min-height: 214.375px;
      }

      .ad-page-v0 .stars {
        gap: 4.763888835906982px;
      }

      .ad-page-v0 .stars span {
        width: 19.0556640625px;
        height: 19.0556640625px;
      }

      .ad-page-v0 .testimonial-card blockquote,
      .ad-page-v0 .testimonial-card p {
        font-size: 11.115740776062012px;
        line-height: 22.231481552124023px;
      }

      .ad-page-v0 .person {
        gap: 12.703703880310059px;
      }

      .ad-page-v0 .avatar-visual {
        width: 31.759260177612305px;
        height: 31.759260177612305px;
        border-width: 0.7939814925193787px;
      }

      .ad-page-v0 .avatar-marcus {
        background-position: -10.90px -2.23px;
      }

      .ad-page-v0 .avatar-alex {
        background-position: -3.93px -0.44px;
      }

      .ad-page-v0 .avatar-emma {
        background-position: -3.15px -0.52px;
      }

      .ad-page-v0 .avatar-david {
        background-position: -7.00px -8.21px;
      }

      .ad-page-v0 .person strong,
      .ad-page-v0 .person span {
        font-size: 12.703703880310059px;
      }

      .ad-page-v0 .person span {
        line-height: 17.467592239379883px;
      }

      .ad-page-v0 .faq-section {
        padding: 32px 16px;
      }

      .ad-page-v0 .faq-section .section-heading {
        gap: 12px;
        margin-bottom: 32px;
      }

      .ad-page-v0 .faq-section .section-heading h2 {
        font-size: 22px;
        line-height: normal;
      }

      .ad-page-v0 .faq-section .section-heading p {
        width: 343px;
        font-size: 14px;
        line-height: 150%;
        white-space: normal;
      }

      .ad-page-v0 .desktop-faq-copy {
        display: none;
      }

      .ad-page-v0 .mobile-faq-copy {
        display: inline;
      }

      .ad-page-v0 .faq-list {
        width: 100%;
        gap: 16px;
      }

      .ad-page-v0 .faq-section summary {
        align-items: center;
        gap: 16px;
        padding: 16px;
        font-size: 14px;
        line-height: 139.9999976158142%;
      }

      .ad-page-v0 .faq-section summary::after {
        width: 24px;
        height: 24px;
        background-size: 12.090576171875px 6.5576171875px, 0 0;
        background-position: 6.75px 9.513427734375px;
        -webkit-mask-size: 24px 24px;
        mask-size: 24px 24px;
      }

      .ad-page-v0 .faq-section details p {
        padding: 0 16px 16px;
        font-size: 14px;
        line-height: 179.99999523162842%;
      }

      .ad-page-v0 .final-cta {
        min-height: 0;
        border-radius: 22px;
        padding: 100px 16px;
        background-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D'0%200%20343%20444'%20preserveAspectRatio%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0A%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D'grad'%20gradientUnits%3D'objectBoundingBox'%20x1%3D'0'%20y1%3D'0.5'%20x2%3D'1'%20y2%3D'0.5'%20gradientTransform%3D'matrix(1.2653%2C%201.4257%2C%20-1.1240%2C%200.5953%2C%200.3331%2C%20-0.3784)'%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cstop%20stop-color%3D'rgba(252.2153778076172%2C255%2C87.92203521728516%2C0.5)'%20offset%3D'0.06215677782893181'%2F%3E%3Cstop%20stop-color%3D'rgba(255%2C119.33490753173828%2C160.034423828125%2C0.5)'%20offset%3D'0.1839647889137268'%2F%3E%3Cstop%20stop-color%3D'rgba(0%2C136.89999389648438%2C222%2C0.5)'%20offset%3D'0.29704394936561584'%2F%3E%3Cstop%20stop-color%3D'rgba(0%2C170.1999969482422%2C222%2C0.5)'%20offset%3D'0.43153926730155945'%2F%3E%3Cstop%20stop-color%3D'rgba(0%2C222%2C181.3000030517578%2C0.5)'%20offset%3D'0.8221153616905212'%2F%3E%3Cstop%20stop-color%3D'rgba(4.931866645812988%2C248.96559143066406%2C171.68824768066406%2C0.5)'%20offset%3D'1'%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'url(%23grad)'%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E"), url("/mb-cms/__/en/img/ad/comparison/v0/images/8d31c89c85b8aa310e177dac6137d8df5b24c14d.png");
        background-size: 100% 100%, cover;
        background-position: center, center;
      }

      .ad-page-v0 .final-cta h2 {
        flex-direction: column;
        gap: 0;
        margin-bottom: 12px;
        font-size: 28px;
        line-height: 139.9999976158142%;
      }

      .ad-page-v0 .final-cta p {
        margin-bottom: 64px;
        font-size: 12px;
        line-height: 150%;
      }

      .ad-page-v0 .final-cta .v0-btn {
        height: 36px;
        min-height: 36px;
        padding: 6px 20px 6px 24px;
        border-radius: 60.000003814697266px;
        font-size: 12px;
        font-weight: 500;
        line-height: 110.00000238418579%;
      }

      .ad-page-v0 .final-cta-icon {
        width: 16px;
        height: 16px;
      }
    }

    @media (min-width: 480px) and (max-width: 639px) {
      .ad-page-v0 .logo-strip {
        width: calc(100vw - 32px);
        height: auto;
        aspect-ratio: 343 / 64.70166015625;
        grid-template-rows: repeat(2, minmax(0, 1fr));
      }

      .ad-page-v0 .logo-cell {
        height: auto;
      }

      .ad-page-v0 .logo-mark {
        transform: scale(calc(-0.0935 + 0.2916vw));
      }
    }