@import url('./section-gaffer.css');
@import url('./section-title.css');
/* CB-M00: shared cb-page-header gradient, source commit 7fdbac8a5255.
   Applied across both sections; catalog chrome and demo data are excluded. */
.cb-landing-intro {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: linear-gradient(180deg,color-mix(in srgb,var(--cb-background) 8%,transparent),color-mix(in srgb,var(--cb-background) 2%,transparent),color-mix(in srgb,var(--cb-background) 42%,transparent)),linear-gradient(135deg,color-mix(in srgb,var(--cb-accent-dark) 16%,transparent),color-mix(in srgb,var(--cb-surface) 12%,transparent),color-mix(in srgb,var(--cb-background) 18%,transparent),color-mix(in srgb,var(--cb-info) 14%,transparent)),radial-gradient(circle 980px at 118% 50%,color-mix(in srgb,var(--cb-info) 22%,transparent),color-mix(in srgb,var(--cb-info) 7%,transparent),transparent),radial-gradient(circle 920px at -22% 40%,color-mix(in srgb,var(--cb-accent-dark) 24%,transparent),color-mix(in srgb,var(--cb-accent) 7%,transparent),transparent),var(--cb-background);
}
.cb-platform {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding: 80px 32px 104px;
  color: var(--cb-text-primary);
  background: transparent;
}
.cb-platform__inner { position: relative; z-index: 2; width: 100%; max-width: 1080px; margin-inline: auto; }
.cb-platform__heading { text-align: center; }
/* Override the prototype's global heading/span typography only within this section. */
:is(#cambrain-platform, #cambrain-platform-draft) :is(h2, h3, p, em) { font-family: var(--cb-font-body) !important; }
:is(#cambrain-platform, #cambrain-platform-draft) h2 { margin: 24px 0 0; }
:is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__description {
  margin: 32px 0 0;
  color: var(--cb-text-secondary);
  font-size: 18px;
  letter-spacing: .01em;
  word-break: keep-all;
  font-weight: 400;
  line-height: 1.6;
}
.cb-platform__features { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 56px; }
.cb-platform__features article { min-width: 0; }
:is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__step { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; color: var(--cb-accent); font: 500 13px/1.4 var(--cb-font-body); }
:is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__step span { font-family: var(--cb-font-body) !important; }
:is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__step .cb-platform__number { font-family: var(--cb-font-system) !important; margin-left: 4px; }
.cb-platform__icon { display: block; flex: 0 0 22px; width: 22px; height: 22px; }
:is(#cambrain-platform, #cambrain-platform-draft) h3 { font-family: var(--cb-font-body) !important; margin: 0; font-size: 18px; font-weight: 600; line-height: 1.4; word-break: keep-all; color: var(--cb-text-primary); letter-spacing: normal; }
:is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__features p { margin: 14px 0 0; font-size: 15px; word-break: keep-all; font-weight: 400; line-height: 1.6; color: var(--cb-text-secondary); }
:is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__description-start,
:is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__description-end {
  position: relative;
  white-space: nowrap;
  font: inherit !important;
  color: inherit;
  letter-spacing: inherit;
}
/* Match the hero's 12px, 1px green corner brackets around the production background description. */
:is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__description-start::before,
:is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__description-end::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border: 0 solid var(--cb-accent);
  pointer-events: none;
}
:is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__description-start::before {
  left: -10px;
  top: -7px;
  border-left-width: 1px;
  border-top-width: 1px;
}
:is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__description-end::after {
  right: -10px;
  bottom: -7px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
@media (max-width: 1023px) {
  .cb-platform { padding-top: 72px; padding-bottom: 96px; }
  .cb-platform__features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px; margin-top: 48px; }
}
@media (max-width: 599px) {
  .cb-platform { padding: 56px 20px 72px; }
  :is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__description { font-size: 16px; }
  .cb-platform__features { grid-template-columns: minmax(0, 1fr); gap: 36px; margin-top: 40px; }
  :is(#cambrain-platform, #cambrain-platform-draft) h3 { font-size: 17px; }
  :is(#cambrain-platform, #cambrain-platform-draft) .cb-platform__features p { font-size: 16px; }
}

/* Integration draft: the timeline follows the Solo introduction. */
#cambrain-platform-draft #cambrain-mediasilo-features-draft {
  padding: 0;
  margin-top: 56px;
  background: transparent;
}
#cambrain-platform-draft .cb-ms-features__inner { padding-inline: 0; }
#cambrain-platform-draft .cb-ms-features__timeline { margin-top: 0; }