/* ==========================================================================
   TRN Teknoloji - Kurumsal sayfalar ortak stilleri
   (Hakkımızda, Grup Şirketleri, Kalite Belgeleri, İnsan Kaynakları, KVKK)
   ========================================================================== */

/* ---------- Üst görsel ---------- */
.top-slider{width:100%;height:clamp(300px,34vw,510px);overflow:hidden;background:#eef0f3}
.top-slider img{width:100%;height:100%;object-fit:cover}

/* ---------- Sayfa başlığı (görselsiz sayfalar) ---------- */
.page-hero{padding:67px 0 49px;text-align:center;background:linear-gradient(180deg,#fff,#f6f7f9)}
.page-hero .eyebrow{font-size:14px;letter-spacing:.16em}
.page-hero h1{margin:0;font-size:clamp(40px,5vw,62px);line-height:1.06;letter-spacing:-.04em}
.page-hero .lead{max-width:790px;margin:18px auto 0;color:var(--muted);font-size:19px}

/* ---------- Genel bölüm ---------- */
.section{padding:72px 0;background:#fff}
.section.soft{background:var(--soft)}
.section h1,.section h2{margin:0 0 16px;font-size:clamp(31px,4vw,44px);line-height:1.14;letter-spacing:-.025em}
.section p{margin:16px 0;color:#454a53}
.section .eyebrow{margin:0 0 10px;color:var(--red);font-size:14px;letter-spacing:.16em}
.text-center{text-align:center}
.section p.section-lead{max-width:720px;margin:0 auto;text-align:center;color:var(--muted)}

/* Giriş bölümü (metin + görsel) */
.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.intro-photo{aspect-ratio:4/3;overflow:hidden;border-radius:20px;box-shadow:0 15px 36px rgba(18,22,33,.08)}
.intro-photo img{width:100%;height:100%;object-fit:cover}

/* Özellik kartları */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:33px}
.feature{padding:27px;border:1px solid var(--line);border-radius:17px;background:#fff}
.feature h3{margin:0 0 7px;font-size:19px;line-height:1.4;letter-spacing:0}
.section .feature p{margin:0;color:var(--ink)}

/* ---------- CTA ---------- */
.cta{padding:62px 0;background:#fff}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 39px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fff,#fff2f2)}
.cta-box .eyebrow{margin:0 0 10px;color:var(--red);font-size:14px;letter-spacing:.16em}
.cta-box h2{margin:0 0 5px;font-size:32px;line-height:1.14}
.cta-box p{color:var(--muted)}
.cta-box .btn{flex:0 0 auto}

/* ---------- Responsive ---------- */
@media(max-width:960px){
  .intro{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .top-slider{height:265px}
  .page-hero{padding:47px 0 37px}
  .page-hero .lead{font-size:17px}
  .section{padding:49px 0}
  .cta-box{align-items:flex-start;flex-direction:column;padding:28px 24px}
}