:root{--wrap:1180px;--brand:#1a73e8;--ink:#0b1320;--muted:#5b6372;--bg:#ffffff;--alt:#f7f9fc;--card:#ffffff;--line:#e8eef7}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",Arial,"Apple Color Emoji","Segoe UI Emoji";}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:var(--brand)}
.tb-wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
.tb-header{
  position:sticky; top:0; z-index:10;
  background:#fff; border-bottom:1px solid var(--line);
  padding:8px 0 12px;               /* çizgiyi aşağı taşır */
}
@media (max-width:992px){
  .tb-header .tb-wrap{min-height:88px}
}
.tb-header .tb-wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.tb-logo{font-weight:800;letter-spacing:.3px}
.tb-nav a{margin-left:16px}
.tb-hero{padding:48px 0 16px;background:linear-gradient(180deg,#fff,#f9fbff)}
.tb-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.tb-hero-copy h1{font-size:40px;margin:0 0 8px}
.tb-hero-copy p{font-size:18px;color:var(--muted);margin:0 0 16px}
.tb-cta{display:flex;gap:12px}
.tb-btn{display:inline-block;padding:10px 16px;border-radius:10px;border:1px solid var(--brand);font-weight:600}
.tb-btn-primary{background:var(--brand);color:#fff}
.tb-btn-outline{background:#fff;color:var(--brand)}
.tb-section{padding:40px 0}
.tb-alt{background:var(--alt)}
h2{font-size:28px;margin:0 0 16px}
h3{font-size:20px;margin:0 0 12px}
.tb-grid{display:grid;gap:24px}
.tb-two{grid-template-columns:1fr 1fr}
.tb-list{margin:0;padding-left:18px;color:var(--ink)}
.tb-img{border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.tb-img-stack{display:grid;gap:16px}
.tb-feature{align-items:center}
.tb-feature.reverse{direction:rtl}
.tb-feature.reverse > *{direction:ltr}
.tb-cards{align-items:stretch}
.tb-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 6px 24px rgba(0,0,0,.05)}
.tb-center{text-align:center;margin-top:12px}
.tb-footer{border-top:1px solid var(--line);margin-top:32px;padding:24px 0;background:#fff}
.tb-footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:flex-start}
.tb-footnote{text-align:center;color:#7b8494;font-size:12px;margin-top:8px}
@media (max-width:992px){
  .tb-hero-grid{grid-template-columns:1fr}
  .tb-two{grid-template-columns:1fr}
  .tb-header{position:static}
}

/* Logo image sizing */
.tb-logo img{height:68px;width:auto;display:block}
@media (max-width:992px){.tb-logo img{height:61px}}

/* CTA kartlarını kompakt (320px) göster */
.cta-compact.tb-cards {
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  justify-items: center;
  gap: 16px;
}
.cta-compact .tb-card {
  max-width: 320px;   /* 320px hedef */
  padding: 12px;
}
.cta-compact .tb-img { border-radius: 12px; }
.cta-compact h3 { font-size: 18px; margin: 6px 0 4px; }
.cta-compact p  { font-size: 14px; }

@media (max-width: 992px){
  .cta-compact .tb-card { max-width: 100%; }
}

/* CTA kartları: 320px, merkezde hizalı */
.cta-compact.tb-cards{
  display:grid;
  grid-template-columns: repeat(2, 320px); /* iki kart, sabit genişlik */
  justify-content:center;                  /* gridi yatayda ortalar */
  justify-items:center;                    /* kart içlerini ortalar */
  gap:20px;
}
.cta-compact .tb-card{
  width:320px;
  max-width:100%;
  margin:0 auto;                           /* emniyet için */
  padding:12px;
  text-align:left;                          /* başlık/metin sola kalsın isterseniz */
}
/* Mobil: tek sütun, merkezde */
@media (max-width: 700px){
  .cta-compact.tb-cards{ grid-template-columns: 320px; }
}