/* =====================================================================
   Güvenli Özel Bulut ve IaaS (Çözümler) — sayfaya özel ölçüler
   Orijinal 1440 px (sayfalar/firmeneigene-cloud.json + ekran):
   giriş 144–556 (başlık kutusu y=182, 33 px 600 mavi; metin 17/27) ·
   görsel bant 556–1256 (700 px) · bölüm 1256–2094: gri sol (başlık 38 px
   ortalı, metin x=116, 488 px, 17/25,5) + mavi sağ (başlık 42 px, x=836,
   522 px, metin 17/24) · bölüm 2094–2853: mavi sol (x=116, 548 px) + gri
   sağ (şema 600×627, x=781, y=2134). Yatay boşluklar sütun (720 px) genişliğine oranlı (%).
   ===================================================================== */
.gob-intro { padding: 38px 0 40px; }
.gob-intro__title { font-size: 33px; line-height: 43px; font-weight: 600; color: var(--c-blue-lg); }
.gob-intro__text { margin-top: 20px; font-size: 17px; line-height: 27px; }
.gob-intro__text .gob-gap { margin-top: 27px; }
.gob-intro__sub { font-size: 18px; line-height: 26px; color: var(--c-blue-sm); }
.gob-intro__em { font-weight: 500; color: var(--c-blue-sm); }

.gob-band { height: 700px; background: #00061a; }

.gob-split { display: grid; grid-template-columns: 1fr 1fr; }
.gob-split--1 { min-height: 837px; }
.gob-split--2 { min-height: 759px; }
.gob-col { min-width: 0; }
.gob-col--grey { background: var(--c-grey-bg); color: var(--c-text); }
.gob-col--blue { background: var(--c-blue-panel); color: #fff; }
.gob-split--1 .gob-col--grey { padding: 71px 16.1% 70px; }       /* % = sütun genişliğinin (720) oranı: 116 px */
.gob-split--1 .gob-col--blue { padding: 53px 11.5% 70px 16%; }     /* 115 / 83 px */
.gob-split--2 .gob-col--blue { padding: 85px 7.8% 70px 16.1%; }    /* 116 / 56 px */
.gob-split--2 .gob-col--grey { padding: 40px 8% 60px 8.33%; }      /* şema x=781 */

.gob-col__h2 { font-weight: 400; }
.gob-col__h2--center { font-size: 38px; line-height: 50px; text-align: center; color: var(--c-text); }
.gob-col__h2--xl { font-size: 42px; line-height: 50px; color: #fff; }
.gob-col__text { font-size: 17px; line-height: 24px; }
.gob-col__text--loose { margin-top: 17px; line-height: 25.5px; }
.gob-col--blue .gob-col__h2--xl + .gob-col__text { margin-top: 3px; }
.gob-col__text > * + * { margin-top: 24px; }
.gob-col__text--loose > * + * { margin-top: 25.5px; }
.gob-col__text > .gob-h3 + *, .gob-col__text > .gob-cont { margin-top: 0; }
.gob-h3 { font-size: 17px; line-height: inherit; font-weight: 700; }
.gob-h3--sm { font-size: 16px; }
.gob-list { margin-top: 30px; padding-left: 26px; list-style: disc; line-height: 22.5px; }
.gob-col__text > .gob-list + .gob-h3 { margin-top: 27px; }
.gob-list--sm { font-size: 15px; line-height: 22px; padding-left: 20px; }
.gob-sm { font-size: 15px; line-height: 22px; }
.gob-col__text > .gob-list--sm { margin-top: 2px; }
.gob-col__text > .gob-sm { margin-top: 0; }
.gob-col__text > .gob-list--sm + .gob-h3 { margin-top: 21px; }

.gob-diagram { max-width: 600px; }
.gob-diagram img { width: 100%; height: auto; }

@media (max-width: 1239px) {
  .gob-split--1 .gob-col--grey, .gob-split--1 .gob-col--blue,
  .gob-split--2 .gob-col--blue { padding-left: 40px; padding-right: 40px; }
  .gob-split--2 .gob-col--grey { padding: 40px 32px 60px; }
  .gob-col__h2--xl { font-size: 36px; line-height: 1.2; }
  .gob-col__h2--center { font-size: 34px; line-height: 1.3; }
}
@media (max-width: 999px) {
  .gob-band { height: 480px; }
  .gob-split { grid-template-columns: 1fr; min-height: 0 !important; }
  .gob-split--1 .gob-col--grey, .gob-split--1 .gob-col--blue,
  .gob-split--2 .gob-col--blue { padding: 48px 32px 56px; }
  .gob-split--2 .gob-col--grey { padding: 40px 32px 48px; display: flex; justify-content: center; }
  .gob-split--2 .gob-col--blue { border-top: 1px solid rgba(255, 255, 255, .35); } /* alt alta gelen iki mavi blok ayrılsın */
}
@media (max-width: 750px) {
  .gob-intro { padding: 30px 0 36px; }
  .gob-intro__title { font-size: 27px; line-height: 1.3; }
  .gob-intro__text { margin-top: 16px; font-size: 16px; line-height: 1.6; }
  .gob-intro__text .gob-gap { margin-top: 1.6em; }
  .gob-intro__sub { font-size: 17px; line-height: 1.5; margin-bottom: 4px; }
  .gob-band { height: 300px; }
  .gob-split--1 .gob-col--grey, .gob-split--1 .gob-col--blue,
  .gob-split--2 .gob-col--blue { padding: 40px 24px 48px; }
  .gob-split--2 .gob-col--grey { padding: 32px 24px 40px; }
  .gob-col__h2--center { font-size: 28px; text-align: left; }
  .gob-col__h2--xl { font-size: 30px; line-height: 1.2; }
  .gob-col--blue .gob-col__h2--xl + .gob-col__text { margin-top: 12px; }
  .gob-col__text { line-height: 1.5; }
  .gob-col__text--loose { line-height: 1.5; }
  .gob-list { margin-top: 20px; line-height: 1.45; }
  .gob-list li + li { margin-top: 6px; }
}