.ios-section { background: #07152b; color: #fff; position: relative; }
.site-header .brand-copy { display: flex; flex-direction: column; gap: 1px; }
.site-header .brand-name { font: 700 18px 'Space Grotesk', sans-serif; letter-spacing: -.03em; }
.site-header .brand-platform { color: var(--blue); font-size: 11px; font-weight: 700; letter-spacing: .04em; transition: color .2s ease; }
.site-header .brand-platform span { margin-left: 4px; color: var(--yellow); }
.site-header .brand-platform:hover { color: var(--ink); }
.ios-grid { display: grid; grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr); gap: 70px; align-items: center; }
.ios-copy .section-tag { color: #7fc9ff; }
.ios-copy h2 { color: #fff; font-size: clamp(48px, 6vw, 78px); line-height: 1; margin: 22px 0 28px; }
.ios-copy h2 em { color: #54b6ff; }
.ios-lead { max-width: 500px; color: #b9c9dc; font-size: 19px; }
.ios-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 34px 0; color: #8fa7c0; font-size: 12px; line-height: 1.4; }
.ios-facts b { display: block; color: #fff; font: 600 15px 'Space Grotesk', sans-serif; margin-bottom: 4px; }
.ios-store-button { background: #fff; color: #101b2d; margin-top: 4px; }
.ios-store-button .store-mark { color: #101b2d; }
.ios-art { min-width: 0; }
.ios-header-art { display: block; width: 100%; max-height: 345px; object-fit: cover; object-position: center; border: 1px solid rgba(127,201,255,.28); box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.ios-screens { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 24px 0 0 14%; }
.ios-screens img { display: block; width: 100%; max-height: 460px; object-fit: contain; object-position: top center; background: #000; border: 1px solid #263c5b; }
.ios-bottom { display: flex; align-items: center; gap: 16px; border-top: 1px solid #29415f; margin-top: 86px; padding-top: 27px; color: #b9c9dc; }
.ios-bottom p { margin: 0 auto 0 0; font-size: 15px; }
.ios-bottom strong { color: #fff; }
.ios-icon { color: #f7d44b; font-size: 25px; }
.ios-bottom .text-link { color: #fff; white-space: nowrap; }
@media (max-width: 900px) {
  .ios-grid { grid-template-columns: 1fr; gap: 48px; }
  .ios-art { max-width: 720px; }
}
@media (max-width: 700px) {
  .ios-facts { grid-template-columns: 1fr; gap: 12px; }
  .ios-header-art { max-height: 190px; }
  .ios-screens { gap: 10px; margin-left: 8%; }
  .ios-bottom { align-items: flex-start; flex-wrap: wrap; margin-top: 54px; }
  .ios-bottom p { flex: 1 1 calc(100% - 45px); }
  .ios-bottom .text-link { margin-left: 41px; }
}