/* sayFUSE Backup & Recovery — sayfaya özel ölçüler (orijinal 1440 px: sayfalar/highspeed-backup.json)
   giriş 144–965 (gri kutu 80–1360 × 145–746, cihaz görseli 606×266 kutunun altına taşar) ·
   ortam ayrımı 965–1912 (lacivert bant + #FAFAFA kutu, infografik 990 px) · özellikler 1912–2608 ·
   karşılaştırma 2608–4099 · model 4099–4680 · lacivert metin 4680–5468 */
.sy-metin { font-size: 17px; line-height: 1.41; }
.sy-metin > * + * { margin-top: 24px; }
.sy-metin--gri { color: var(--c-text); } /* orijinal gövde rengi #2F2E2E */
.sy-metin--beyaz { color: #fff; }
.sy-metin--siki > h2 + p, .sy-metin--siki > h3 + p { margin-top: 2px; }
.sy-metin--siki > p + h3 { margin-top: 24px; }

/* 1 giriş */
.sy-giris { position: relative; padding: 1px 0 56px; }
.sy-giris__kutu { margin: 0 80px; min-height: 601px; padding: 27px 0 150px; background: rgba(242, 242, 242, .8); }
.sy-h1 { font-size: 40px; line-height: 1.25; font-weight: 400; color: var(--c-red); text-align: center; }
.sy-giris .sy-metin { margin-top: 26px; }
.sy-satir { font-size: inherit; line-height: inherit; font-weight: 400; color: var(--c-text); }
.sy-giris .sy-metin > p + .sy-satir { margin-top: 0; }
.sy-giris .sy-metin > .sy-satir + p { margin-top: 24px; }
.sy-cihaz { position: relative; width: 606px; max-width: calc(100% - 48px); margin: -103px auto 0; }

/* 2 lacivert bant + açık kutu */
.sy-lacivert { background: var(--c-navy-dark); }
.sy-kutu { margin: 0 80px; padding: 26px 0 105px; background: #FAFAFA; }
.sy-kirmizi-baslik { font-size: 17px; line-height: 1.35; font-weight: 700; color: var(--c-red); }
.sy-kutu__metin { margin-top: 2px; font-size: 17px; line-height: 1.38; color: var(--c-text); }
.sy-infografik { width: 990px; max-width: calc(100% - 48px); margin: 44px auto 0; position: relative; left: -5px; }

/* 3 özellik ızgarası */
.sy-ozellikler { padding: 82px 0 110px; color: #fff; }
.sy-ozellik-izgara { display: grid; grid-template-columns: 531px 1fr; row-gap: 90px; margin: 0; padding: 0; list-style: none; }
.sy-ozellik { display: grid; grid-template-columns: 60px minmax(0, 355px); align-items: end; align-content: start; }
.sy-ozellik__ikon { display: flex; align-items: flex-end; height: 53px; color: var(--c-red); }
.sy-ozellik__ikon svg { width: auto; height: auto; max-height: 53px; }
.sy-ozellik__baslik { font-size: 36px; line-height: 1.1; font-weight: 400; color: #FF4A4F; } /* lacivert zeminde okunurluk: kırmızının açık tonu */
.sy-ozellik__metin { grid-column: 2; margin-top: 8px; font-size: 16px; line-height: 1.4; color: #fff; }

/* 4 karşılaştırma (beyaz ↔ kırmızı) */
.sy-karsi { display: grid; grid-template-columns: 1fr 1fr; }
.sy-karsi__kol { padding: 92px 40px 80px; min-width: 0; }
.sy-karsi__kol--klasik { background: #FCFCFC; padding-left: max(24px, calc(100% - 617px)); color: var(--c-text); }
.sy-karsi__kol--sayfuse { background: var(--c-red); padding-left: 108px; padding-right: max(24px, calc(100% - 641px)); color: #fff; }
.sy-karsi__kol > * { max-width: 533px; }
.sy-karsi__baslik { font-size: 24px; line-height: 1.45; font-weight: 400; color: var(--c-red); }
.sy-karsi__baslik--beyaz { font-size: 21px; color: #fff; }
.sy-karsi__metin { margin-top: 25px; font-size: 17px; line-height: 1.41; }
.sy-karsi__kol--sayfuse .sy-karsi__metin { margin-top: 36px; }
.sy-karsi__metin > * + * { margin-top: 24px; }
.sy-karsi__metin > p + p { margin-top: 24px; }
.sy-karsi__ara { font-size: inherit; line-height: inherit; font-weight: 600; }
.sy-karsi__metin > .sy-karsi__ara + p { margin-top: 0; }
.sy-karsi__liste { margin: 24px 0 0; padding: 0 0 0 22px; list-style: disc; }
.sy-karsi__liste > li { padding-left: 2px; }
.sy-karsi__liste > li + li { margin-top: 24px; }
.sy-karsi__kol--klasik .sy-karsi__liste > li::marker { color: var(--c-text); }

/* 5 model / 6 lacivert metin */
.sy-model { padding: 35px 0 60px; }
.sy-son { padding: 24px 0 80px; }
.sy-mavi-baslik { font-size: 17px; line-height: 1.35; font-weight: 700; color: var(--c-blue-sm); }
.sy-son .sy-mavi-baslik { color: #6CB6F2; } /* lacivert zeminde ≥4,5:1 */

@media (max-width: 1239px) {
  .sy-ozellik-izgara { grid-template-columns: 1fr 1fr; column-gap: 40px; }
  .sy-karsi__kol--klasik { padding-left: 40px; }
  .sy-karsi__kol--sayfuse { padding-left: 50px; padding-right: 40px; }
}
@media (max-width: 999px) {
  .sy-giris__kutu, .sy-kutu { margin: 0 24px; }
  .sy-karsi { grid-template-columns: 1fr; }
  .sy-karsi__kol, .sy-karsi__kol--klasik, .sy-karsi__kol--sayfuse { padding: 50px 32px 56px; }
  .sy-karsi__kol > * { max-width: 680px; }
  .sy-ozellik-izgara { row-gap: 60px; }
}
@media (max-width: 750px) {
  .sy-giris__kutu, .sy-kutu { margin: 0; }
  .sy-giris__kutu { min-height: 0; padding: 40px 0 70px; }
  .sy-h1 { font-size: 29px; line-height: 1.25; }
  .sy-cihaz { margin-top: -40px; }
  .sy-giris { padding-bottom: 36px; }
  .sy-kutu { padding: 36px 0 44px; }
  .sy-infografik { max-width: calc(100% - 24px); margin-top: 28px; left: 0; }
  .sy-ozellikler { padding: 56px 0 64px; }
  .sy-ozellik-izgara { grid-template-columns: 1fr; row-gap: 48px; }
  .sy-ozellik { grid-template-columns: 56px minmax(0, 1fr); }
  .sy-ozellik__baslik { font-size: 30px; }
  .sy-ozellik__metin { grid-column: 1 / -1; margin-top: 14px; font-size: 17px; }
  .sy-karsi__kol, .sy-karsi__kol--klasik, .sy-karsi__kol--sayfuse { padding: 44px 24px 50px; }
  .sy-karsi__baslik { font-size: 25px; line-height: 1.3; }
  .sy-karsi__liste > li + li { margin-top: 16px; }
  .sy-model, .sy-son { padding: 40px 0 56px; }
}