.engine-section{background:#fff;border-bottom:1px solid #e5edf9}.engine-feature{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:75px;padding:15px 0 70px}.engine-feature+.engine-feature{padding-top:70px;padding-bottom:15px;border-top:1px solid #e7edf7}.engine-copy h2{font-size:38px;line-height:1.22;letter-spacing:-1px;text-wrap:balance;color:#172644;margin:19px 0 23px}.engine-copy>p:not(.section-tag){font-size:16px;line-height:1.9;color:#65758f}.engine-copy .engine-benefit{font-weight:550;color:#233b65!important;font-size:14px!important;margin:24px 0 18px}.engine-copy .secondary-link{font-size:12px;color:#2d4dcd}.video-formats-panel{background:#f8faff;border:1px solid #dbe5f7;border-radius:12px;padding:24px}.video-formats-panel>header{display:flex;align-items:center;gap:13px;border-bottom:1px solid #dfe8f8;padding-bottom:20px}.video-formats-panel>header>span{display:flex;align-items:center;justify-content:center;background:#2d4dcd;border-radius:9px;width:46px;height:46px;color:white;flex:none}.video-formats-panel svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.6}.video-formats-panel>header strong{font-size:18px;letter-spacing:-.4px;color:#203658}.video-formats-panel>header small{display:block;font-size:11px;color:#7485a0;margin-top:6px}.video-formats-panel>ul{padding:0;list-style:none;margin:20px 0}.video-formats-panel li{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e2e9f8;border-radius:7px;padding:13px 14px;margin:9px 0}.video-formats-panel li>span{color:#3e62cb}.video-formats-panel li svg{width:18px;height:18px;display:block}.video-formats-panel li strong{font-size:13px;font-weight:550;color:#40567c}.video-formats-panel>footer{display:flex;gap:8px;flex-wrap:wrap}.video-formats-panel>footer>span{font-size:9px;padding:6px 8px;border:1px solid #d8e3f8;border-radius:4px;color:#627da7;background:white}.infographic-register-panel{background:#f5f8fe;border:1px solid #dbe4f6;border-radius:12px;padding:26px}.research-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:24px}.research-flow>span{font-size:9px;line-height:1.7;color:#3d61ac;background:white;border:1px solid #d5e0f6;border-radius:5px;padding:7px 9px}.research-flow>i{font-style:normal;color:#95a8ca}.infographic-register-panel h3{font-size:23px;letter-spacing:-.6px;color:#203454;margin:0 0 10px}.infographic-register-panel>p{font-size:13px;line-height:1.8;color:#72829c}.visual-registers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.visual-registers>span{font-size:11px;color:#4b6490;border:1px solid #dce6f7;background:white;border-radius:5px;padding:13px 11px;line-height:1.6}.image-styles-section{background:#f8faff;border-bottom:1px solid #e2eaf8;overflow:hidden}.image-style-gallery{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:9px 0 20px;scrollbar-color:#b5c5e5 transparent;scrollbar-width:thin}.image-style-example{flex:0 0 calc((100% - 40px)/3);min-width:0;margin:0;scroll-snap-align:start;border-radius:10px;background:white;border:1px solid #dce6f7;overflow:hidden}.image-style-example picture{display:block}.image-style-example img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f5f6f8}.image-style-example figcaption{font-size:13px;font-weight:550;color:#3b557d;padding:15px 17px}.image-gallery-note{display:flex;justify-content:space-between;gap:22px;margin-top:15px;align-items:start}.image-gallery-note>span{font-size:11px;line-height:1.8;color:#8591a7;max-width:630px}.image-gallery-note>strong{font-size:12px;line-height:1.8;font-weight:550;color:#4161a1}.improved-final-section> .wrap>p:not(.section-tag){max-width:710px;margin:17px auto;font-size:17px;line-height:1.9}.improved-final-section .final-signoff{font-size:14px!important;font-weight:550;color:#c4d2f3!important;margin:23px auto!important}.improved-final-section .primary-button{margin-top:13px}.image-style-gallery:focus-visible{outline:2px solid #2d4dcd;outline-offset:5px}
@media(max-width:950px){.engine-feature{gap:35px}.engine-copy h2{font-size:33px}.image-style-example{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:750px){.engine-feature{grid-template-columns:minmax(0,1fr);gap:27px;padding-bottom:45px}.engine-feature+.engine-feature{padding-top:45px}.engine-copy h2{font-size:31px;line-height:1.25;letter-spacing:-.7px}.engine-copy>p:not(.section-tag){font-size:15px}.video-formats-panel,.infographic-register-panel{padding:20px}.visual-registers{gap:8px}.visual-registers>span{font-size:10px;padding:11px 9px}.image-style-example{flex-basis:85%}.image-style-gallery{gap:15px}.image-gallery-note{display:block}.image-gallery-note>strong{display:block;margin-top:13px}.improved-final-section>.wrap>p:not(.section-tag){font-size:16px}.research-flow{gap:6px}.research-flow>span{font-size:8px;padding:6px 7px}}

#image-styles.image-styles-section {
  padding-block: 52px;
}

.image-styles-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  align-items: center;
  gap: 56px;
}

.image-styles-copy {
  min-width: 0;
  max-width: 610px;
}

.image-styles-copy .section-tag {
  margin: 0 0 14px;
}

.image-styles-copy h2 {
  margin: 0 0 17px;
  color: #172644;
  font-size: 38px;
  line-height: 1.16;
  letter-spacing: -1px;
}

.image-styles-description {
  max-width: 540px;
  color: #536884;
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
}

.image-styles-copy .style-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 0;
  margin-top: 18px;
}

.style-categories > span {
  border: 1px solid #dce5f5;
  border-radius: 5px;
  padding: 6px 9px;
  color: #3d557b;
  background: white;
  font-size: 11px;
  line-height: 1.6;
}

.image-upload-choice {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding: 12px 15px;
  border-left: 3px solid #2d4dcd;
  border-radius: 0 6px 6px 0;
  background: #edf3ff;
}

.image-upload-choice > svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #2d4dcd;
  stroke-width: 1.6;
  flex: none;
}

.image-upload-choice p {
  margin: 0;
  color: #29456f;
  font-size: 14px;
  line-height: 1.7;
}

.image-upload-choice strong {
  font-weight: 650;
}

.image-preview-column {
  min-width: 0;
  width: 100%;
  max-width: 420px;
  justify-self: end;
}

.image-preview-column .image-style-gallery {
  display: flex;
  flex-wrap: nowrap;
  gap: 14px;
  padding: 0;
  margin: 0;
  align-items: start;
}

.image-preview-column .image-style-example {
  flex: 0 0 100%;
  width: 100%;
}

.image-preview-column .image-style-example figcaption {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px 14px;
  padding: 11px 15px;
  line-height: 1.6;
}

.image-style-example figcaption strong {
  font-size: 12px;
  font-weight: 600;
}

.image-style-example figcaption span {
  font-size: 10px;
  font-weight: 400;
  color: #64758f;
}

.image-styles-layout[data-preview-count="0"] {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 1000px) {
  .image-styles-layout { gap: 30px; }
  .image-styles-copy h2 { font-size: 34px; }
}

@media (max-width: 750px) {
  #image-styles.image-styles-section { padding-block: 40px; }
  .image-styles-layout { grid-template-columns: minmax(0, 1fr); gap: 23px; }
  .image-styles-copy { max-width: none; }
  .image-styles-copy h2 { font-size: 30px; line-height: 1.2; letter-spacing: -.7px; margin-bottom: 14px; }
  .image-styles-description { font-size: 15px; line-height: 1.75; }
  .image-styles-copy .style-categories { margin-top: 15px; gap: 6px; }
  .style-categories > span { padding: 5px 8px; }
  .image-upload-choice { margin-top: 15px; padding: 10px 12px; gap: 10px; }
  .image-upload-choice p { font-size: 13px; }
  .image-preview-column { max-width: 300px; justify-self: center; }
}

/* The requested dark image block shares the actual expert-profile palette. */
#image-styles.image-styles-section {
  background: #101c2e;
  border-bottom-color: #263850;
}
#image-styles .image-styles-copy .section-tag { color: #b9c9fa; }
#image-styles .image-styles-copy h2 { color: #ffffff; }
#image-styles .image-styles-description { color: #c6d1e3; }
#image-styles .style-categories > span {
  color: #d7e2f5;
  background: #192a43;
  border-color: #3b4f6b;
}
#image-styles .image-upload-choice {
  background: #1c3050;
  border-left-color: #8daaff;
}
#image-styles .image-upload-choice > svg { stroke: #a9c1ff; }
#image-styles .image-upload-choice p { color: #cfddf6; }
#image-styles .image-upload-choice strong { color: #ffffff; }
#image-styles .image-style-example {
  border-color: #415675;
  box-shadow: 0 12px 32px #00000024;
}

#image-styles .image-styles-copy h2 .headline-line { display: block; }