/* Generated from the approved product-platform mockup. Run scripts/promote_original_marketing.py. */
.original-marketing {

  display: block;
  min-width: 0;
  overflow: clip;
}
body.page-original-marketing .original-marketing h1,
body.page-original-marketing .original-marketing h2,
body.page-original-marketing .original-marketing h3 {
  font-family: var(--font, var(--font-display, sans-serif));
}
.original-marketing .platform-hero .page-hero__copy {
  max-width: 560px;
}

.original-marketing .platform-hero h1 {
  max-width: 20ch;
}

.original-marketing .platform-hero p {
  max-width: 46ch;
}

.original-marketing .platform-hero__art {
  min-width: 0;
}

.original-marketing .platform-overview {
  background: var(--paper);
}

.original-marketing .platform-overview .section-heading {
  max-width: 760px;
  margin-bottom: 36px;
}

.original-marketing .platform-overview .section-heading h2 {
  max-width: 24ch;
}

.original-marketing .application-catalog {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}

.original-marketing .catalog-item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 18px 12px 16px;
  border-right: 1px solid var(--line);
  color: var(--navy);
  text-align: center;
  transition: background-color 160ms ease, transform 160ms ease;
}

.original-marketing .catalog-item:nth-child(4n),
.original-marketing .catalog-item:last-child {
  border-right: 0;
}

.original-marketing .catalog-item:nth-child(n + 5) { border-top: 1px solid var(--line); }

.original-marketing .catalog-item:hover {
  background: var(--paper-soft);
  transform: translateY(-3px);
}

.original-marketing .catalog-item img,
.original-marketing .catalog-icon {
  display: block;
  width: 100%;
  height: 90px;
  object-fit: contain;
}

.original-marketing .catalog-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.original-marketing .catalog-icon--hpc { background-image: url("../../images/original-pages/shared/legacy/2022/05/app_hpc.png"); }
.original-marketing .catalog-icon--simulations { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_simulations.png"); }
.original-marketing .catalog-icon--templates { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_templates.png"); }
.original-marketing .catalog-icon--simlytiks { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_simlytiks.png"); }
.original-marketing .catalog-icon--workflows { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_workflows.png"); }
.original-marketing .catalog-icon--databases { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_databases.png"); }
.original-marketing .catalog-icon--dashboards { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_dashboard.png"); }
.original-marketing .catalog-icon--solverai { background-image: url("../../images/original-pages/shared/legacy/2025/08/SolverAI-Logo-w-No-bg.png"); }
.original-marketing .catalog-icon--physical-tests { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_physicaltests.png"); }
.original-marketing .catalog-icon--projects { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_projects.png"); }
.original-marketing .catalog-icon--peacock { background-image: url("../../images/original-pages/shared/legacy/2022/07/app_peacock.png"); }
.original-marketing .catalog-icon--reporter { background-image: url("../../images/original-pages/shared/legacy/2022/09/app_reporter.png"); }

.original-marketing .catalog-item h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}

.original-marketing .feature-section {
  scroll-margin-top: 72px;
}

.original-marketing .feature-section--soft {
  background: var(--paper-soft);
}

.original-marketing .feature-section--warm {
  background: var(--warm);
}

.original-marketing .feature-section__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
  gap: clamp(36px, 6vw, 72px);
  align-items: center;
}

.original-marketing .feature-section__inner--reverse .feature-section__media {
  order: 2;
}

.original-marketing .feature-section__media {
  min-height: 290px;
}

.original-marketing .feature-section__media.feature-diagram {
  min-height: 300px;
  margin: 0;
  padding: clamp(14px, 2.4vw, 24px);
}

.original-marketing .feature-diagram .motion-svg {
  display: block;
  width: 100%;
  height: auto;
  max-width: 760px;
  max-height: none;
}

.original-marketing .feature-section__media img,
.original-marketing .feature-icon {
  width: 100%;
  max-height: 440px;
  padding: 18px;
  object-fit: contain;
}

.original-marketing .feature-icon {
  display: block;
  min-height: 280px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.original-marketing .feature-icon--simulations { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_simulations.png"); }
.original-marketing .feature-icon--templates { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_templates.png"); }
.original-marketing .feature-icon--simlytiks { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_simlytiks.png"); }
.original-marketing .feature-icon--workflows { background-image: url("../../images/original-pages/shared/legacy/2024/05/CloudSaaS_WebGraphics_blue_workflows.png"); }
.original-marketing .feature-icon--databases { background-image: url("../../images/original-pages/shared/legacy/2022/04/app_databases.png"); }

.original-marketing .feature-section__copy {
  max-width: 560px;
}

.original-marketing .feature-section__copy h2 {
  margin-bottom: 14px;
  color: var(--navy);
  font-size: 32px;
  font-weight: 600;
}

.original-marketing .feature-section__copy p {
  margin-bottom: 14px;
  color: var(--ink-soft);
  font-size: 15px;
}

.original-marketing .feature-section__copy p:last-of-type {
  margin-bottom: 20px;
}

.original-marketing .feature-section__copy .button {
  margin-top: 2px;
}

@media (max-width: 1040px) {
  .original-marketing .application-catalog {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .original-marketing .catalog-item,
.original-marketing .catalog-item:nth-child(4n) {
    border-right: 1px solid var(--line);
  }

  .original-marketing .catalog-item:nth-child(3n) {
    border-right: 0;
  }

  .original-marketing .catalog-item:nth-child(n + 4) {
    border-top: 1px solid var(--line);
  }

  .original-marketing .feature-section__inner {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.85fr);
    gap: 36px;
  }
}

@media (max-width: 760px) {
  .original-marketing .platform-hero h1 {
    max-width: none;
  }

  .original-marketing .application-catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .original-marketing .catalog-item,
.original-marketing .catalog-item:nth-child(3n),
.original-marketing .catalog-item:nth-child(4n) {
    border-right: 1px solid var(--line);
  }

  .original-marketing .catalog-item:nth-child(2n) { border-right: 0; }

  .original-marketing .catalog-item:nth-child(n + 3) {
    border-top: 1px solid var(--line);
  }

  .original-marketing .feature-section__inner,
.original-marketing .feature-section__inner--reverse {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .original-marketing .feature-section__inner--reverse .feature-section__media {
    order: initial;
  }

  .original-marketing .feature-section__copy {
    max-width: 680px;
  }
}

@media (max-width: 420px) {
  .original-marketing .application-catalog {
    grid-template-columns: 1fr;
  }

  .original-marketing .catalog-item,
.original-marketing .catalog-item:nth-child(3) {
    border-right: 0;
    border-top: 1px solid var(--line);
  }

  .original-marketing .catalog-item:first-child {
    border-top: 0;
  }

  .original-marketing .feature-section__media {
    min-height: 230px;
  }

  .original-marketing .feature-section__media.feature-diagram {
    min-height: 250px;
    padding: 12px;
  }

  .original-marketing .feature-section__media img,
.original-marketing .feature-icon {
    padding: 14px;
  }
}