/* =====================================================================
   Canlı Senkronizasyon ve Canlı Geçiş (Live Sync & Live Migration) — sayfaya özel ölçüler
   Orijinal 1440 px (sayfalar/kopie-von-kritis-appliance.json + ekran): görsel 1440×737
   (y=144–881), metin bölümü 1245 px (başlık 30/42 iki satır, mavi alt satır 22 px,
   metin 17/22,4, "Yedekleme neden yetmez" bölümü 15/21,8; mavi kalın ara başlık 19 px),
   açık gri bant 1261 px (#F5F5F5: kırmızı 42 px başlık, metin 15/22, kırmızı kalın
   ara başlık 19 px, madde listesi). Mavi küçük metin erişilebilir ton (--c-blue-sm).
   ===================================================================== */
.ls-hero { height: 737px; background: #050913; }
.ls-hero > img { object-position: 50% 45%; }

.ls-intro { padding: 37px 0 42px; color: var(--c-text-dark); }
.ls-title { font-size: 30px; line-height: 42px; font-weight: 400; color: var(--c-text); }
.ls-lead { margin-top: 2px; font-size: 22px; line-height: 30px; color: var(--c-blue-sm); }
.ls-body { margin-top: 30px; font-size: 17px; line-height: 22.4px; }
.ls-body > * + * { margin-top: 22.4px; }
.ls-body > .ls-h { margin-top: 26px; font-size: 19px; line-height: 26px; font-weight: 700; color: var(--c-blue-lg); }
.ls-body > .ls-h + * { margin-top: 0; }
.ls-small { font-size: 15px; line-height: 21.8px; }
.ls-stack > * + * { margin-top: 21.8px; }
.ls-strong { font-weight: 700; color: var(--c-blue-sm); }

.ls-band { padding: 25px 0 52px; background: #F5F5F5; color: var(--c-text-dark); }
.ls-band__title { font-size: 42px; line-height: 57px; font-weight: 400; color: var(--c-red); }
.ls-band__body { font-size: 15px; line-height: 22px; }
.ls-band__body > * + * { margin-top: 22px; }
.ls-band__body > .ls-band__h { font-size: 19px; line-height: 26px; font-weight: 700; color: var(--c-red); }
.ls-band__body > .ls-band__h--first { margin-top: 44px; }
.ls-band__body > .ls-band__h + * { margin-top: 0; }
.ls-band__body > p + .ls-list { margin-top: 0; }
.ls-list { margin: 0; padding: 0 0 0 30px; list-style: disc; }

@media (max-width: 999px) {
  .ls-hero { height: 480px; }
}
@media (max-width: 750px) {
  .ls-hero { height: 218px; }
  .ls-intro { padding: 30px 0 44px; }
  .ls-title { font-size: 24px; line-height: 1.38; text-wrap: balance; }
  .ls-lead { margin-top: 6px; font-size: 19px; line-height: 1.4; }
  .ls-body { margin-top: 24px; font-size: 16px; line-height: 1.5; }
  .ls-body > * + * { margin-top: 20px; }
  .ls-body > .ls-h { margin-top: 30px; font-size: 19px; line-height: 1.4; }
  .ls-small { font-size: 15px; line-height: 1.5; }
  .ls-stack > * + * { margin-top: 18px; }
  .ls-band { padding: 34px 0 54px; }
  .ls-band__title { font-size: 32px; line-height: 1.3; }
  .ls-band__body { margin-top: 12px; font-size: 15px; line-height: 1.5; }
  .ls-band__body > * + * { margin-top: 18px; }
  .ls-band__body > .ls-band__h { margin-top: 30px; font-size: 19px; line-height: 1.4; }
  .ls-list { padding-left: 26px; }
}