/* Public concept artwork. No product screenshots or functional interface layouts. */
.figma-layout #features .section-heading > .concept-disclaimer {
  margin-top: 14px;
  color: #737d8c;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.figma-layout #features .feature-visual {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 16px;
  background: #f4f7fb;
}
.feature-concept-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-safe-visual {
  position: relative;
  width: 100%;
  max-width: 1040px;
  min-height: 0;
  aspect-ratio: 2.15;
  margin: 0 auto;
}
.solution-safe-visual img {
  position: absolute;
  display: block;
  width: 67%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border: 6px solid #fff;
  border-radius: 24px;
  box-shadow: 0 16px 48px #19385c12;
}
.solution-safe-main { right: 0; top: 0; }
.solution-safe-visual .solution-safe-secondary { left: 0; bottom: 0; width: 42%; }
.solution-safe .solution-callouts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin-top: 40px;
}
.solution-safe .solution-callouts li {
  position: static;
  width: auto;
  padding: 20px;
  background: #f4f7fb;
  box-shadow: none;
  font-size: 16px;
  line-height: 1.6;
}
.solution-safe .solution-callouts br { display: none; }
.figma-layout #new .spotlight-media--concept {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #f4f7fb;
}
.spotlight-concept-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.spotlight-media--concept figcaption {
  position: absolute;
  right: 16px;
  bottom: 12px;
  color: #737d8c;
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 720px) {
  .figma-layout #features .feature-visual { width: 86.4px; aspect-ratio: 1; border-radius: 12px; }
  .feature-concept-image { object-fit: cover; }
  .solution-safe-visual { aspect-ratio: 1.8; }
  .solution-safe-visual img { width: 78%; border-width: 3px; border-radius: 14px; }
  .solution-safe-visual .solution-safe-secondary { width: 49%; }
  .solution-safe .solution-callouts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
  .solution-safe .solution-callouts li { padding: 16px; font-size: 14px; }
  .spotlight-media--concept figcaption { right: 10px; bottom: 8px; font-size: 10px; }
}
@media (max-width: 359px) {
  .figma-layout #features .feature-visual { width: 72px; }
  .solution-safe .solution-callouts { grid-template-columns: 1fr; }
}