:root{
    --zemin:#ECEAE4;      /* Ankara traverteni: açık taş */
    --murekkep:#191813;   /* koyu mürekkep */
    --tapu:#8C382E;       /* tapu kırmızısı */
    --gri:#807B6E;        /* sıcak orta gri */
    --cizgi:rgba(25,24,19,.18);
    --max:1160px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    background:var(--zemin);
    color:var(--murekkep);
    font-family:"Archivo",system-ui,sans-serif;
    font-variation-settings:"wdth" 100;
    font-weight:400;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  .mono{font-family:"IBM Plex Mono",monospace}
  a{color:inherit}
  ::selection{background:var(--tapu);color:var(--zemin)}

  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

  /* ---------- üst bar ---------- */
  header{
    border-bottom:1px solid var(--cizgi);
    position:sticky;top:0;background:color-mix(in srgb,var(--zemin) 92%,transparent);
    backdrop-filter:blur(6px);z-index:10;
  }
  .bar{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 24px;max-width:var(--max);margin:0 auto;
  }
  .marka{text-decoration:none;display:flex;align-items:center}
  .bar-tanim{
    font-family:"IBM Plex Mono",monospace;
    font-size:.68rem;letter-spacing:.12em;color:var(--gri);
    text-transform:uppercase;
  }
  .bar a.cta{
    font-family:"IBM Plex Mono",monospace;
    font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
    text-decoration:none;border-bottom:1px solid var(--murekkep);
    padding-bottom:2px;
  }
  .bar a.cta:hover{color:var(--tapu);border-color:var(--tapu)}
  @media(max-width:720px){.bar-tanim{display:none}}

  /* ---------- hero ---------- */
  .hero{
    display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    gap:48px;align-items:center;
    padding:88px 24px 96px;max-width:var(--max);margin:0 auto;
  }
  .hero h1{
    font-variation-settings:"wdth" 118;
    font-weight:650;
    font-size:clamp(2.4rem,5.4vw,4.2rem);
    line-height:1.04;letter-spacing:-.01em;
    text-wrap:balance;
  }
  .hero h1 em{font-style:normal;color:var(--tapu)}
  .hero p{
    margin-top:28px;max-width:46ch;
    font-size:1.06rem;color:#3A3830;
  }
  .hero .etiket{
    font-family:"IBM Plex Mono",monospace;
    font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
    color:var(--gri);display:block;margin-bottom:22px;
  }
  /* kadastro planı */
  .plan{position:relative}
  .plan svg{width:100%;height:auto;display:block}
  .plan-not{
    font-family:"IBM Plex Mono",monospace;
    font-size:.65rem;letter-spacing:.1em;color:var(--gri);
    margin-top:12px;text-align:right;
  }
  @media(max-width:860px){
    .hero{grid-template-columns:1fr;padding:64px 24px 72px}
    .plan{max-width:440px}
  }

  /* ---------- bölüm başlığı ---------- */
  section{border-top:1px solid var(--cizgi)}
  .bolum-bas{
    display:flex;align-items:baseline;gap:18px;
    padding:56px 0 40px;
  }
  .bolum-bas .no{
    font-family:"IBM Plex Mono",monospace;
    font-size:.7rem;letter-spacing:.14em;color:var(--tapu);
  }
  .bolum-bas h2{
    font-variation-settings:"wdth" 112;
    font-weight:600;font-size:1.6rem;letter-spacing:.01em;
  }

  /* ---------- hizmetler ---------- */
  .parseller{
    display:grid;grid-template-columns:1fr 1fr;
    border-top:1px solid var(--cizgi);border-left:1px solid var(--cizgi);
    margin-bottom:88px;
  }
  .parsel{
    border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);
    padding:36px 32px 44px;position:relative;
    transition:background .25s ease;
  }
  .parsel:hover{background:rgba(25,24,19,.03)}
  .parsel .pno{
    font-family:"IBM Plex Mono",monospace;
    font-size:.68rem;letter-spacing:.12em;color:var(--tapu);
    display:block;margin-bottom:18px;
  }
  .parsel h3{
    font-variation-settings:"wdth" 110;
    font-weight:600;font-size:1.22rem;margin-bottom:12px;
  }
  .parsel p{font-size:.95rem;color:#3A3830;max-width:44ch}
  /* parsel köşe tikleri */
  .parsel::before,.parsel::after{
    content:"";position:absolute;width:9px;height:9px;
    border-color:var(--murekkep);border-style:solid;
  }
  .parsel::before{top:-1px;left:-1px;border-width:1px 0 0 1px}
  .parsel::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
  @media(max-width:720px){.parseller{grid-template-columns:1fr}}

  /* ---------- yaklaşım ---------- */
  .yaklasim{
    padding-bottom:96px;
    display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;
  }
  .yaklasim .buyuk{
    font-variation-settings:"wdth" 118;
    font-weight:650;font-size:clamp(1.7rem,3.4vw,2.5rem);
    line-height:1.12;text-wrap:balance;
  }
  .yaklasim .buyuk em{font-style:normal;color:var(--tapu)}
  .yaklasim .metin p{max-width:58ch;color:#3A3830}
  .yaklasim .metin p + p{margin-top:18px}
  @media(max-width:860px){.yaklasim{grid-template-columns:1fr;gap:28px}}

  /* ---------- iletişim ---------- */
  .iletisim{padding-bottom:96px}
  .iletisim .mail{
    display:inline-block;margin-top:6px;
    font-variation-settings:"wdth" 116;
    font-weight:600;
    font-size:clamp(1.6rem,4.2vw,2.8rem);
    text-decoration:none;letter-spacing:-.01em;
    border-bottom:2px solid var(--murekkep);
    padding-bottom:4px;
  }
  .iletisim .mail:hover{color:var(--tapu);border-color:var(--tapu)}
  .iletisim .alt{
    margin-top:26px;font-family:"IBM Plex Mono",monospace;
    font-size:.72rem;letter-spacing:.12em;color:var(--gri);text-transform:uppercase;
  }

  /* ---------- footer ---------- */
  footer{border-top:1px solid var(--cizgi)}
  .footer-ic{
    max-width:var(--max);margin:0 auto;padding:28px 24px 40px;
    display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;
  }
  footer p{
    font-family:"IBM Plex Mono",monospace;
    font-size:.66rem;letter-spacing:.08em;color:var(--gri);
    max-width:62ch;
  }

  /* ---------- giriş animasyonu ---------- */
  .in{opacity:0;transform:translateY(14px);animation:in .7s ease forwards}
  .in.d1{animation-delay:.08s}.in.d2{animation-delay:.16s}
  @keyframes in{to{opacity:1;transform:none}}
  @media(prefers-reduced-motion:reduce){
    .in{opacity:1;transform:none;animation:none}
    html{scroll-behavior:auto}
  }

  .marka .logo{height:40px;width:auto;display:block}
  @media(max-width:720px){.marka .logo{height:32px}}
  h1,.bolum-bas h2,.parsel h3,.yaklasim .buyuk,.iletisim .mail{
    font-family:"Playfair Display",Georgia,serif;
    font-variation-settings:normal;
  }
  .hero h1{font-weight:600;letter-spacing:0}
  .bolum-bas h2{font-weight:600}
  .parsel h3{font-weight:600}
  .yaklasim .buyuk{font-weight:600}
  .iletisim .mail{font-weight:600}

/* ============================================
   EK BİLEŞENLER — Seçili Fırsatlar, Form, Yönetim
   Mevcut tasarım diliyle: parsel köşe tikleri,
   mono etiketler, tapu kırmızısı
   ============================================ */

/* ---------- üst bar navigasyon ---------- */
.bar nav{display:flex;gap:22px;align-items:center}
.bar nav a{
  font-family:"IBM Plex Mono",monospace;
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;
}
.bar nav a:hover,.bar nav a.aktif{color:var(--tapu);border-color:var(--tapu)}
@media(max-width:720px){
  .bar nav{gap:14px}
  .bar nav a{font-size:.62rem;letter-spacing:.06em}
}

/* ---------- fırsat kartları ---------- */
.fkartlar{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  border-top:1px solid var(--cizgi);border-left:1px solid var(--cizgi);
  margin-bottom:88px;
}
.fkart{
  border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);
  padding:34px 32px 30px;position:relative;
  display:flex;flex-direction:column;gap:14px;
  transition:background .25s ease;
}
.fkart:hover{background:rgba(25,24,19,.03)}
.fkart::before,.fkart::after{
  content:"";position:absolute;width:9px;height:9px;
  border-color:var(--murekkep);border-style:solid;
}
.fkart::before{top:-1px;left:-1px;border-width:1px 0 0 1px}
.fkart::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.fkart.kapandi{opacity:.5}
.fkart .fust{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.fkart .pno{
  font-family:"IBM Plex Mono",monospace;
  font-size:.68rem;letter-spacing:.12em;color:var(--tapu);
  display:block;margin-bottom:14px;
}
.fkart h3{
  font-variation-settings:"wdth" 110;
  font-weight:600;font-size:1.22rem;margin-bottom:6px;
  font-family:"Playfair Display",Georgia,serif;font-variation-settings:normal;
}
.fkart .fbolge{font-size:.9rem;color:var(--gri)}
.fkart .fsil{width:70px;height:56px;flex-shrink:0}
.fkart .fsil path{fill:none;stroke:var(--tapu);stroke-width:1.4}
.fkart.kapandi .fsil path{stroke:var(--gri)}
.fkart .fmetrikler{
  display:flex;gap:26px;border-top:1px dashed var(--cizgi);
  padding-top:14px;margin-top:auto;
}
.fkart .fmetrik .fd{
  font-variation-settings:"wdth" 114;font-weight:650;font-size:1.15rem;
}
.fkart .fmetrik .fe{
  font-family:"IBM Plex Mono",monospace;font-size:.6rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gri);margin-top:2px;
}
.fkart .falt{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.fkart .fdurum{
  font-family:"IBM Plex Mono",monospace;font-size:.6rem;letter-spacing:.12em;
  text-transform:uppercase;padding:4px 9px;border:1px solid currentColor;
}
.fdurum.d-aktif{color:var(--tapu)}
.fdurum.d-gorusmede{color:#8A6414}
.fdurum.d-kapandi{color:var(--gri)}
.fkart a.fcta{
  font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.1em;
  text-transform:uppercase;text-decoration:none;
  border-bottom:1px solid var(--murekkep);padding-bottom:2px;
}
.fkart a.fcta:hover{color:var(--tapu);border-color:var(--tapu)}

/* ---------- form ---------- */
.form-blok{max-width:640px;margin:0 auto 96px;border:1px solid var(--cizgi);
  padding:44px;position:relative;background:rgba(255,255,255,.35)}
.form-blok::before,.form-blok::after{
  content:"";position:absolute;width:9px;height:9px;
  border-color:var(--murekkep);border-style:solid;
}
.form-blok::before{top:-1px;left:-1px;border-width:1px 0 0 1px}
.form-blok::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
@media(max-width:600px){.form-blok{padding:28px 20px}}
.form-blok .ftanim{font-size:.95rem;color:#3A3830;margin:10px 0 30px;max-width:52ch}
.alan{margin-bottom:20px}
.alan label{
  display:block;font-family:"IBM Plex Mono",monospace;
  font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gri);margin-bottom:8px;
}
.alan input,.alan select,.alan textarea{
  width:100%;padding:13px 14px;border:1px solid var(--cizgi);
  background:#fff;font-family:"Archivo",sans-serif;font-size:.95rem;
  color:var(--murekkep);border-radius:0;
}
.alan input:focus,.alan select:focus,.alan textarea:focus{
  outline:2px solid var(--tapu);outline-offset:1px;
}
.alan textarea{min-height:96px;resize:vertical}
.btn{
  display:inline-block;padding:14px 30px;background:var(--tapu);color:var(--zemin);
  font-family:"IBM Plex Mono",monospace;font-size:.75rem;letter-spacing:.12em;
  text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;
}
.btn:hover{background:#6E2A22}
.btn.ikincil{background:transparent;color:var(--murekkep);border:1px solid var(--murekkep)}
.btn.ikincil:hover{color:var(--tapu);border-color:var(--tapu);background:transparent}
.fnot{font-family:"IBM Plex Mono",monospace;font-size:.62rem;
  letter-spacing:.06em;color:var(--gri);margin-top:16px}

/* ---------- adımlar (satış sayfası) ---------- */
.adimlar{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  border-top:1px solid var(--cizgi);border-left:1px solid var(--cizgi);
  margin-bottom:88px;
}
.adim{border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);
  padding:34px 30px 40px;position:relative}
.adim::before{content:"";position:absolute;top:-1px;left:-1px;width:9px;height:9px;
  border:solid var(--murekkep);border-width:1px 0 0 1px}
.adim .ano{font-family:"IBM Plex Mono",monospace;font-size:.66rem;
  letter-spacing:.14em;color:var(--tapu);display:block;margin-bottom:16px}
.adim h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;
  font-size:1.15rem;margin-bottom:10px}
.adim p{font-size:.92rem;color:#3A3830}

/* ---------- yönetim paneli ---------- */
.yon-yerlesim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:40px;margin-bottom:88px}
@media(max-width:900px){.yon-yerlesim{grid-template-columns:1fr}}
.yon-liste{border:1px solid var(--cizgi)}
.yon-satir{display:flex;justify-content:space-between;align-items:center;
  gap:12px;padding:14px 18px;border-bottom:1px solid var(--cizgi);cursor:pointer}
.yon-satir:last-child{border-bottom:none}
.yon-satir:hover{background:rgba(25,24,19,.04)}
.yon-satir.secili{background:rgba(140,56,46,.07)}
.yon-satir .ys-kod{font-family:"IBM Plex Mono",monospace;font-size:.68rem;
  letter-spacing:.1em;color:var(--tapu)}
.yon-satir .ys-baslik{font-size:.9rem;flex:1}
.yon-satir .ys-durum{font-family:"IBM Plex Mono",monospace;font-size:.58rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gri)}
.yon-arac{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 26px}
.yon-cikti{width:100%;min-height:180px;font-family:"IBM Plex Mono",monospace;
  font-size:.72rem;border:1px solid var(--cizgi);padding:14px;background:#fff;
  white-space:pre;overflow:auto}
.yon-uyari{border-left:3px solid var(--tapu);padding:12px 16px;
  font-size:.85rem;color:#3A3830;background:rgba(140,56,46,.05);margin-bottom:26px}
.onizleme-tek{border-top:1px solid var(--cizgi);border-left:1px solid var(--cizgi);
  display:grid;grid-template-columns:1fr}

/* ---------- form gönderim durumu (inline, yönlendirmesiz) ---------- */
.form-mesaj{display:none;margin-top:22px;padding:16px 20px;position:relative;
  font-size:.95rem;border:1px solid var(--cizgi)}
.form-mesaj::before{content:"";position:absolute;top:-1px;left:-1px;width:9px;height:9px;
  border:solid var(--murekkep);border-width:1px 0 0 1px}
.form-mesaj.basari{display:block;border-left:3px solid var(--tapu);background:rgba(140,56,46,.05)}
.form-mesaj.hata{display:block;border-left:3px solid var(--gri);background:rgba(25,24,19,.04)}
.form-mesaj .fm-baslik{font-family:"IBM Plex Mono",monospace;font-size:.66rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--tapu);display:block;margin-bottom:6px}
.form-mesaj.hata .fm-baslik{color:var(--gri)}
.btn[disabled]{opacity:.55;cursor:wait}

/* ---------- örnek yatırım dosyası önizlemesi ---------- */
.dosya-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:56px;align-items:center;padding-bottom:88px}
@media(max-width:860px){.dosya-grid{grid-template-columns:1fr;gap:36px}}
.dosya-grid .metin p{max-width:52ch;color:#3A3830}
.dosya-grid .metin p + p{margin-top:16px}
.dosya-onizleme{background:#fff;border:1px solid var(--cizgi);
  padding:34px 32px;position:relative;font-size:.88rem}
.dosya-onizleme::before,.dosya-onizleme::after{
  content:"";position:absolute;width:9px;height:9px;
  border-color:var(--murekkep);border-style:solid}
.dosya-onizleme::before{top:-1px;left:-1px;border-width:1px 0 0 1px}
.dosya-onizleme::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.dosya-onizleme .baslik-satir{display:flex;justify-content:space-between;
  align-items:baseline;border-bottom:2px solid var(--tapu);
  padding-bottom:12px;margin-bottom:16px}
.dosya-onizleme .baslik-satir .db{
  font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:1.05rem}
.dosya-onizleme .baslik-satir .mono{font-size:.62rem;letter-spacing:.12em;color:var(--gri)}
.dosya-onizleme ul{list-style:none}
.dosya-onizleme li{padding:10px 0;border-bottom:1px dashed var(--cizgi);
  display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.dosya-onizleme li:last-child{border-bottom:none}
.dosya-onizleme li .mono{font-size:.58rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gri);white-space:nowrap}

/* ---------- kırmızı çağrı bandı ---------- */
.cta-bant{background:var(--tapu);color:var(--zemin);text-align:center;
  padding:64px 24px;border-top:1px solid var(--tapu)}
.cta-bant h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;
  font-size:clamp(1.6rem,3.4vw,2.3rem);margin-bottom:14px}
.cta-bant p{opacity:.88;max-width:52ch;margin:0 auto;font-size:.98rem}
.cta-bant .btn{background:var(--zemin);color:var(--tapu);margin-top:30px}
.cta-bant .btn:hover{background:#fff}
