.cf-cross .cf-cex-title { max-width: 1000px; }
.cf-cross-audience .cf-cex-subtitle { max-width: 1200px; }
.cf-cross-steps .cf-cex-subtitle { max-width: 820px; }
.cf-cross-checks .cf-cex-title { max-width: 780px; }
.cf-cross-checks .cf-cex-subtitle { max-width: 1024px; }
.cf-cross-examples .cf-cex-title { max-width: 780px; }
.cf-cross-examples .cf-cex-subtitle { max-width: 1024px; }
.cf-cross .cf-cex-subtitle p + p { margin-top: 14px; }
.cf-cross-steps .cf-cex-divider,
.cf-cross-checks .cf-cex-divider,
.cf-cross-examples .cf-cex-divider,
.cf-cross .cf-cex-application .cf-cex-divider { background: linear-gradient(90deg, #00f0ff 0%, #4361ee 100%); }
.cf-cross .cf-cex-hero { min-height: 600px; align-items: center; }
.cf-cross .cf-cex-hero .cf-cex-hero__heading { align-self: end; }
.cf-cross .cf-cex-hero .cf-cex-hero__body { align-self: start; }
.cf-cross .cf-cex-hero__video { max-height: 570px; object-fit: contain; opacity: 1; }
body.page-template-cross-exchange-clean .cf-cex-hero { column-gap: 40px; }
body.page-template-cross-exchange-clean .cf-cex-hero__video { width: 87%; justify-self: left; }
.cf-cross .cf-cex-hero .cf-cex-intro p + p { margin-top: 12px; }
.cf-cross-grid--audience { grid-template-columns: repeat(4,minmax(0,1fr)); }
.cf-cross-card--audience,
.cf-cross-card--check,
.cf-cross-card--example { padding: 28px; }
.cf-cross-card--audience { min-height: 270px; }
.cf-cross-card--audience > img { width: 48px; height: 48px; margin-bottom: 15px; object-fit: contain; }
.cf-cross-card--audience h3,
.cf-cross-card--check h3,
.cf-cross-card--example h3 { margin-bottom: 10px; max-width: 240px; }
.cf-cross-card--audience:hover,
.cf-cross-card--check:hover,
.cf-cross-card--example:hover { transform: translateY(-8px); border-color: #00e5ff99; box-shadow: 0 0 20px #00e5ff1f; }
.cf-cross-steps__list { position: relative; max-width: 1160px; margin: 56px auto 0; padding: 0; list-style: none; }
.cf-cross-steps__list::before { content: ''; position: absolute; left: 48px; top: 48px; bottom: 48px; width: 1px; background: linear-gradient(#4361ee80,#4361ee12); }
.cf-cross-step { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 28px; position: relative; padding-bottom: 42px; }
.cf-cross-step__icon { position: relative; z-index: 1; display: grid; place-items: center; width: 96px; height: 96px; border: 1px solid #ffffff1f; border-radius: 50%; background: #ffffff08; backdrop-filter: blur(4px); transition: transform .35s,border-color .3s; }
.cf-cross-step__icon:hover { transform: scale(1.08); border-color: #4361ee; }
.cf-cross-step__icon img { width: 32px; height: 32px; object-fit: contain; }
.cf-cross-step__copy { padding: 12px 0 0; }
.cf-cross-step__copy h3 { font-size: 22px; line-height: 1.3; margin-bottom: 12px; }
.cf-cross-step__copy p { opacity: .8; margin-top: 8px; }
.cf-cross-step__copy ul,
.cf-cross-card--check ul,
.cf-cross-card--example ul { display: grid; gap: 0px; margin: 12px 0; padding: 0; list-style: none; }
.cf-cross-step__copy li,
.cf-cross-card--check li,
.cf-cross-card--example li { position: relative; padding-left: 17px; font-size: 16px; line-height: 1.5; opacity: .72; }
.cf-cross-step__copy li { opacity: .8; }
.cf-cross-step__copy li::before,
.cf-cross-card--check li::before,
.cf-cross-card--example li::before { content: ''; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: #4361ee; }
.cf-cross-step__copy .cf-cross-step__note { opacity: .8; }
.cf-cross-grid--checks { grid-template-columns: repeat(2,minmax(0,1fr)); }
.cf-cross-card--check { min-height: 280px; }
.cf-cross-card--check > img { width: 42px; height: 42px; margin-bottom: 18px; object-fit: contain; }
.cf-cross-card--check p + p { margin-top: 10px; }
.cf-cross-grid--examples { grid-template-columns: repeat(3,minmax(0,1fr)); }
.cf-cross-card--example { min-height: 370px; position: relative; }
.cf-cross-card--example > img.cf-cross-card__watermark { position: absolute; top: 16px; right: 16px; width: 96px; height: 96px; margin-bottom: 0; opacity: .1; object-fit: contain; pointer-events: none; }
.cf-cross-card--example > img { width: 50px; height: 50px; margin-bottom: 18px; object-fit: contain; }
.cf-cross-card--example p + p { margin-top: 12px; }
.cf-cross-card--example .cf-cross-card__label { margin-top: 18px; opacity: .9; font-weight: 600; }
.cf-cross .cf-cex-formula { display: flex; align-items: center; gap: 24px; max-width: 720px; margin: 40px auto 0; padding: 28px 32px; border: 1px solid #4361ee52; border-radius: 16px; background: #4361ee0d; }
.cf-cross .cf-cex-formula > img { width: 82px; height: 82px; flex: 0 0 58px; object-fit: contain; }
.cf-cross .cf-cex-formula h3 { margin-bottom: 8px; }
.cf-cross .cf-cex-formula p { opacity: .7; }
.cf-cross .cf-cex-application .cf-cex-subtitle + .cf-cex-subtitle { margin-top: 12px; }
.light-mode .cf-cross-step__icon,
.light-mode .cf-cross .cf-cex-formula { background: #fff; }
.light-mode .cf-cross-card--audience:hover,
.light-mode .cf-cross-card--check:hover,
.light-mode .cf-cross-card--example:hover { border-color: #7c5cff7a; box-shadow: 0 10px 22px #0f154214,0 0 14px #7c5cff1a; }
@media(max-width:1024px){
  .cf-cross .cf-cex-hero { min-height: 520px; }
  .cf-cross-grid--audience { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px){
  .cf-cross .cf-cex-hero { min-height: 0; gap: 20px; }
  .cf-cross .cf-cex-hero__video { max-height: 290px; }
  .cf-cross-card--audience,
  .cf-cross-card--check,
  .cf-cross-card--example { padding: 24px; min-height: 280px; }
  .cf-cross-card--audience h3,
  .cf-cross-card--check h3,
  .cf-cross-card--example h3 { max-width: 320px; }
  .cf-cross-card--example h3 { max-width: 220px; }
  .cf-cross-steps__list { margin-top: 32px; }
  .cf-cross-step { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding-bottom: 34px; }
  .cf-cross-step:last-child { padding-bottom: 0; }
  .cf-cross-steps__list::before { display: none; }
  .cf-cross-step__copy { padding-top: 0; text-align: center; }
  .cf-cross-step__copy ul { justify-items: center; }
  .cf-cross-step__copy li { display: flex; align-items: center; justify-content: center; gap: 8px; padding-left: 0; }
  .cf-cross-step__copy li::before { position: static; flex-shrink: 0; }
  .cf-cross-step__copy li,
  .cf-cross-card--check li,
  .cf-cross-card--example li { font-size: 14px; }
  .cf-cross-card--audience,
  .cf-cross-card--check,
  .cf-cross-card--example { flex: 0 0 327px; max-width: 327px; }
  .cf-cross-card--check { min-height: 390px; }
  .cf-cross-card--example { min-height: 440px; }
  .cf-cross .cf-cex-formula { flex-direction: column; align-items: center; padding: 24px; }
}