/* ==========================================================================
   TRN Teknoloji - İş Ortaklığı / Genius Partner Programı
   (Ortak stiller: css/is-ortakligi.css)
   ========================================================================== */

/* Üst görsel + giriş */
.slider-frame{width:100%;height:clamp(280px,35vw,520px);overflow:hidden;background:#0e1117}
.slider-frame img{width:100%;height:100%;object-fit:cover;object-position:center}
.intro{padding:44px 0 56px;text-align:center}
.intro h1{max-width:940px;margin-inline:auto}
.intro .lead{max-width:850px;margin:16px auto 0}
.intro .btn{margin-top:24px}

/* Program hakkında */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.split .lead+.lead{margin-top:15px}

/* Neden Genius Partner */
.io-page .benefits{background:#f7f7f8}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.benefit-card{min-height:360px;padding:22px 22px 28px;border:1px solid #e6e7eb;border-radius:18px;background:#fff;text-align:center;box-shadow:0 8px 24px rgba(17,18,23,.045)}
.benefit-icon{width:240px;height:240px;margin:-12px auto -18px;object-fit:contain}
.benefit-card p{margin-top:8px;color:#5f626b}

/* Kimler katılabilir */
.audience-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center}
.audience-grid .lead{margin-top:14px}
.audience-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}
.audience-item{display:flex;min-height:88px;align-items:center;gap:14px;padding:18px;border:1px solid #e6e7eb;border-radius:15px;background:#fff;font-weight:750;box-shadow:0 8px 24px rgba(17,18,23,.04)}
.audience-item span{display:grid;flex:0 0 39px;height:39px;place-items:center;border-radius:12px;color:#fff;background:var(--red);font-size:.8rem;font-weight:900}

/* Nasıl başlarsınız */
.io-page .process{background:#f7f7f8}
.process .section-head{margin-bottom:-30px}
.join-steps{position:relative;display:grid;grid-template-columns:1fr 56px 1fr 56px 1fr 56px 1fr;align-items:start;margin:0;padding:0;list-style:none}
.join-step{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:center;text-align:center}
.join-step-icon{width:352px;height:352px;max-width:100%;margin:-34px auto -62px;object-fit:contain}
.join-step-copy{display:flex;width:100%;height:190px;padding:20px 16px;flex-direction:column;border:2px solid var(--red);border-radius:22px;background:#fff;box-shadow:0 10px 24px rgba(17,18,23,.06)}
.io-page .join-step h3{min-height:44px;font-size:1.05rem}
.join-step h3::after{content:"";display:block;width:72px;margin:12px auto;border-top:2px dashed #c8cbd0}
.join-step p{color:#5f626b;font-size:.94rem;line-height:1.55}
.join-arrow{position:relative;z-index:2;justify-self:center}
.join-arrow img{width:174px;height:auto;max-width:none;margin:125px -59px 0}

@media(max-width:940px){
  .split,.audience-grid{grid-template-columns:1fr;gap:30px}
  .benefit-grid{grid-template-columns:1fr 1fr}
  .slider-frame{height:clamp(260px,40vw,360px)}
  .join-steps{grid-template-columns:1fr}
  .join-step-icon{width:300px;height:300px;margin:-26px auto -52px}
  .join-step-copy{max-width:600px;height:190px}
  .io-page .join-step h3{min-height:0}
  .join-arrow img{width:90px;margin:26px auto;transform:rotate(90deg)}
}
@media(max-width:640px){
  .intro{padding:34px 0 44px}
  .slider-frame{height:auto;aspect-ratio:2048/742}
  .slider-frame img{object-fit:contain}
  .benefit-grid,.audience-list{grid-template-columns:1fr}
  .benefit-card{min-height:300px;padding-top:8px}
  .benefit-icon{width:190px;height:190px;margin:-4px auto -14px}
  .benefit-card p{margin-top:5px}
  .join-step-icon{width:270px;height:270px;margin:-22px auto -46px}
  .join-step-copy{height:190px;padding:20px 18px}
}