/* =====================================================================
   S3 Nesne Depolama (sayFUSE S3 Object Storage) — sayfaya özel ölçüler
   Orijinal 1440 px (sayfalar/s3-objekt-storage.json + ekran): 1. bölüm 866 px (başlık 36/50
   kalın, mavi alt başlık 30/42, infografik 980×550 y=322, giriş 21/27,5 y=912);
   2. bölüm 927 px iki sütun (720 + 720): sol #FAFAFA metin x=116 y=1045 g=597, 17/1,4;
   sağ mavi metin x=792 y=1076 g=632. Sağ sütun zemini erişilebilir mavi (--c-blue-panel):
   üzerinde beyaz başlıklar ve siyah metin ≥4,5:1 (orijinal #3D9BE9 üzerindeki beyaz 2,9:1).
   ===================================================================== */
.s3-top { padding: 36px 0 43px; }
.s3-title { font-size: 36px; line-height: 50px; font-weight: 700; color: var(--c-text); }
.s3-sub { font-size: 30px; line-height: 42px; font-weight: 400; color: var(--c-blue-lg); }
.s3-info { position: relative; margin: 8px 0 0; background: #050a16; }
.s3-info__img { width: 100%; height: auto; aspect-ratio: 1672 / 941; }
.s3-info__txt { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.s3-info__txt text { font-family: var(--f-sans); fill: #EEF0F4; }
.s3-info__head { font-size: 72px; font-weight: 800; letter-spacing: .01em; }
.s3-info__step { font-size: 18px; font-weight: 500; letter-spacing: .02em; fill: #E4E7EE; }
.s3-info__nodes { font-size: 32px; font-weight: 400; letter-spacing: .02em; }
.s3-info__arc { font-size: 26px; font-weight: 500; letter-spacing: .09em; }
.s3-info__txt .s3-info__dot { fill: #3B87F0; font-size: 30px; }
.s3-lead { margin-top: 40px; font-size: 21px; line-height: 27.5px; color: var(--c-text); }

.s3-cols { display: grid; grid-template-columns: 1fr 1fr; min-height: 927px; }
.s3-col { font-size: 17px; line-height: 1.4; }
.s3-col--light { padding: 35px 7px 60px clamp(24px, 16.11%, 116px); background: var(--c-light); color: var(--c-text); }
.s3-col--blue { padding: 66px 16px 60px clamp(24px, 10%, 72px); background: var(--c-blue-panel); color: #000; }
.s3-col > * + * { margin-top: 24px; }
.s3-list { padding: 0 0 0 30px; list-style: disc; }
.s3-list strong { font-weight: 700; }
.s3-col--light .s3-for__title { margin-top: 48px; font-size: 17px; line-height: 1.4; font-weight: 700; color: var(--c-blue-sm); }
.s3-for { padding: 0; list-style: none; color: #000; }
.s3-col > .s3-for { margin-top: 0; }
.s3-for li + li { margin-top: 24px; }
.s3-for h3 { font-size: 17px; line-height: 1.4; font-weight: 400; text-decoration: underline; text-underline-offset: 2px; }

.s3-col--blue { font-size: 16px; line-height: 1.4; }
.s3-arch { font-size: 16px; line-height: 1.4; font-weight: 400; }
.s3-arch__eyebrow { display: block; font-size: 15px; text-transform: uppercase; color: #000; }
.s3-arch__title { display: block; color: #fff; }
.s3-col > .s3-arch__text { margin-top: 0; font-size: 15px; color: #000; }
.s3-h { font-size: 20px; line-height: 1.4; font-weight: 400; color: #fff; }
.s3-col > .s3-h { margin-top: 30px; }
.s3-col > .s3-h + * { margin-top: 0; }
.s3-ways > * + * { margin-top: 0; }
.s3-list--tight { padding-left: 26px; }
.s3-col > .s3-cta { margin-top: 50px; padding-left: 200px; }
.s3-btn {
  display: inline-flex; align-items: center; justify-content: center; min-width: 132px; height: 40px; padding: 0 20px;
  border: 2px solid #fff; border-radius: 20px; font-size: 13px; color: #fff; text-decoration: none;
  transition: background-color var(--t-btn), color var(--t-btn);
}
.s3-btn:hover { background: #fff; color: var(--c-blue-panel); }
.s3-btn:focus-visible { outline-color: #fff; }

@media (max-width: 999px) {
  .s3-cols { grid-template-columns: 1fr; min-height: 0; }
  .s3-col--light, .s3-col--blue { padding: 44px 32px 56px; }
  .s3-col > .s3-cta { padding-left: 0; text-align: center; }
}
@media (max-width: 750px) {
  .s3-top { padding: 30px 0 40px; }
  .s3-title { font-size: 26px; line-height: 1.35; text-align: center; }
  .s3-sub { font-size: 24px; line-height: 1.35; text-align: center; text-wrap: balance; } /* ≥24 px: büyük metin (#2890E7 ≥3:1) */
  .s3-top .container { width: auto; max-width: none; }
  .s3-title, .s3-sub, .s3-lead { padding: 0 24px; }
  .s3-info { margin-top: 20px; }
  .s3-lead { margin-top: 24px; font-size: 18px; line-height: 1.4; }
  .s3-col--light, .s3-col--blue { padding: 36px 24px 48px; }
  .s3-col, .s3-col--blue { font-size: 16px; line-height: 1.5; }
  .s3-col > * + * { margin-top: 20px; }
  .s3-col--light .s3-for__title { margin-top: 36px; }
  .s3-for li + li { margin-top: 18px; }
  .s3-list { padding-left: 24px; }
}