/* Mobile app section; scoped to leave the other feature rows unchanged. */
.app-preview {
  background: linear-gradient(110deg, #fff 35%, #f0f7fc);
}
.app-preview h2 { max-width: 470px; }
.app-store-previews {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}
.app-store-preview {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 157px;
  min-height: 54px;
  padding: 9px 15px;
  border: 1px solid #363636;
  border-radius: 8px;
  background: #080808;
  color: #fff;
  text-align: left;
}
.app-store-preview svg { width: 27px; height: 30px; flex: 0 0 27px; }
.app-store-preview small { display: block; font-size: 10px; line-height: 1.3; }
.app-store-preview strong { display: block; font-size: 20px; line-height: 1.2; font-weight: 600; letter-spacing: -.4px; }
.app-preview .copy-block .app-release-note {
  margin-top: 12px;
  font-size: 13px;
  color: #526387;
}
@media (min-width: 701px) {
  .feature-split.app-preview {
    height: auto;
    min-height: 370px;
    padding: 30px 0 0;
  }
  .app-preview > .split-grid { align-items: center; }
  .app-preview .copy-block { padding-bottom: 30px; }
  .app-preview .phone-crop { height: 350px; }
}
@media (max-width: 700px) {
  .app-preview .copy-block { order: 0; }
  .app-preview .notification-art { order: 1; }
}