:root{
    --ink:#182233;          /* koyu lacivert-slate — ana metin/başlık */
    --green:#2f7d5b;        /* marka yeşili (koyulaştırılmış, beyazda kontrast) */
    --green-d:#245f45;      /* koyu yeşil — hover */
    --gold:#c19a3e;         /* akademik altın — imza aksanı */
    --paper:#faf8f3;        /* sıcak kırık-beyaz zemin */
    --panel:#ffffff;
    --mist:#ece7db;         /* bölüm tonu / hairline */
    --muted:#63707f;        /* ikincil metin */
    --maxw:1120px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0; background:var(--paper); color:var(--ink);
    font-family:'Barlow',system-ui,sans-serif; font-size:17px; line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{font-family:'Fraunces',Georgia,serif; font-weight:500; line-height:1.12; margin:0;}
  a{color:inherit;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 1.6rem;}

  /* Skip link — erişilebilirlik */
  .skip{position:absolute; left:-999px; top:0; background:var(--ink); color:#fff; padding:.6rem 1rem; z-index:100;}
  .skip:focus{left:.5rem; top:.5rem;}

  /* ═══ Header ═══ */
  header{position:sticky; top:0; z-index:40; background:rgba(250,248,243,.9); backdrop-filter:blur(8px); border-bottom:1px solid var(--mist);}
  .nav{display:flex; align-items:center; justify-content:space-between; height:66px;}
  .brand{display:flex; align-items:center; gap:.6rem; font-family:'Fraunces',serif; font-weight:600; font-size:1.55rem; letter-spacing:-.01em; text-decoration:none;}
  .brand img{height:46px; width:auto;}
  .nav-cta{display:inline-block; padding:.5rem 1.1rem; border-radius:2px; background:var(--ink); color:#fff; text-decoration:none; font-weight:600; font-size:.92rem; transition:background .15s;}
  .nav-cta:hover{background:var(--green);}

  /* ═══ Hero ═══ */
  .hero{position:relative; overflow:hidden; padding:5.5rem 0 3rem;}
  /* imza motifi: enlem/meridyen yayları */
  .hero::before{
    content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    background:
      radial-gradient(circle at 92% 8%, rgba(47,125,91,.09), transparent 42%),
      repeating-linear-gradient(0deg, transparent 0 78px, rgba(24,34,51,.035) 78px 79px);
  }
  .hero .wrap{position:relative; z-index:1;}
  .eyebrow{display:inline-flex; align-items:center; gap:.5rem; font-weight:600; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--green); margin-bottom:1.1rem;}
  .eyebrow::before{content:""; width:26px; height:2px; background:var(--gold);}
  /* Hero — iki kolon: solda logo, sağda metin */
  .hero-grid{display:grid; grid-template-columns:minmax(140px,280px) 1fr; gap:2.8rem; align-items:center;}
  .hero-media{text-align:center;}
  .hero-logo{display:block; width:100%; min-width:120px; margin:0 auto;}
  .hero h1{font-size:clamp(2rem,4.4vw,3.2rem); letter-spacing:-.02em; max-width:16ch;}
  .hero h1 em{font-style:italic; color:var(--green);}
  .hero p.lead{font-size:1.18rem; color:var(--muted); max-width:56ch; margin:1.4rem 0 2rem;}
  .cta-row{display:flex; flex-wrap:wrap; gap:.8rem;}
  .btn{display:inline-block; padding:.85rem 1.6rem; border-radius:2px; text-decoration:none; font-weight:600; font-size:1rem; transition:transform .12s, background .15s, border-color .15s;}
  .btn-primary{background:var(--green); color:#fff;}
  .btn-primary:hover{background:var(--green-d); transform:translateY(-1px);}
  .btn-ghost{background:transparent; color:var(--ink); border:1.5px solid var(--ink);}
  .btn-ghost:hover{border-color:var(--green); color:var(--green);}

  /* ═══ Stat şeridi ═══ */
  .stats{border-top:1px solid var(--mist); border-bottom:1px solid var(--mist); background:var(--panel);}
  .stats .grid{display:grid; grid-template-columns:repeat(4,1fr);}
  .stat{padding:2.1rem 1.4rem; text-align:center; border-right:1px solid var(--mist);}
  .stat:last-child{border-right:0;}
  .stat .num{font-family:'Fraunces',serif; font-weight:600; font-size:clamp(2rem,3.4vw,2.8rem); color:var(--ink); line-height:1;}
  .stat .num span{color:var(--gold);}
  .stat .lbl{margin-top:.5rem; font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); font-weight:600;}

  /* ═══ Bölüm başlığı ═══ */
  section.block{padding:4.6rem 0;}
  .head{max-width:60ch; margin-bottom:2.6rem;}
  .head .eyebrow{margin-bottom:.8rem;}
  .head h2{font-size:clamp(1.8rem,3.4vw,2.5rem); letter-spacing:-.015em;}
  .head p{color:var(--muted); font-size:1.1rem; margin:.9rem 0 0;}

  /* ═══ Özellik kartları ═══ */
  .features{display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem;}
  .feature{background:var(--panel); border:1px solid var(--mist); border-radius:3px; padding:1.8rem; transition:border-color .15s, transform .15s;}
  .feature:hover{border-color:var(--green); transform:translateY(-2px);}
  .feature .k{font-family:'Fraunces',serif; font-size:1.15rem; font-weight:600; color:var(--green); display:flex; align-items:baseline; gap:.6rem; margin-bottom:.5rem;}
  .feature .k .dot{flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:var(--gold);}
  .feature p{margin:0; color:var(--muted); font-size:.98rem;}

  /* ═══ İki kitle paneli ═══ */
  .audience{background:var(--ink); color:#f3f1ea;}
  .audience .cols{display:grid; grid-template-columns:1fr 1fr; gap:3.5rem;}
  .audience h2{color:#fff;}
  .aud .tag{font-weight:700; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin-bottom:1rem;}
  .aud h3{font-size:1.6rem; color:#fff; margin-bottom:1.4rem;}
  .aud ul{list-style:none; margin:0; padding:0;}
  .aud li{padding:1rem 0 1rem 1.9rem; border-top:1px solid rgba(255,255,255,.12); position:relative;}
  .aud li:first-of-type{border-top:0;}
  .aud li::before{content:""; position:absolute; left:0; top:1.35rem; width:11px; height:11px; border:2px solid var(--green); border-radius:50%;}
  .aud li b{display:block; color:#fff; font-weight:600; font-size:1.02rem; margin-bottom:.15rem;}
  .aud li span{color:#b9c1cb; font-size:.95rem;}

  /* ═══ Kapanış CTA ═══ */
  .closing{text-align:center; padding:5rem 0;}
  .closing h2{font-size:clamp(1.9rem,3.6vw,2.7rem); max-width:20ch; margin:0 auto 1.6rem;}
  .closing p{color:var(--muted); max-width:48ch; margin:0 auto 2rem;}

  /* ═══ Footer ═══ */
  footer{background:var(--panel); border-top:1px solid var(--mist); padding:2.4rem 0; font-size:.9rem; color:var(--muted);}
  footer .row{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem;}
  footer .brand{font-size:1.05rem;}
  footer a{color:var(--green); text-decoration:none;}
  footer a:hover{text-decoration:underline;}

  /* Erişilebilirlik: klavye odağı + azaltılmış hareket */
  a:focus-visible, .btn:focus-visible{outline:3px solid var(--gold); outline-offset:3px;}
  @media (prefers-reduced-motion:reduce){*{transition:none!important; scroll-behavior:auto!important;}}

  /* ═══ Responsive ═══ */
  @media(max-width:820px){
    .stats .grid{grid-template-columns:repeat(2,1fr);}
    .stat:nth-child(2){border-right:0;}
    .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--mist);}
    .features{grid-template-columns:1fr;}
    .audience .cols{grid-template-columns:1fr; gap:2.5rem;}
    .hero-grid{grid-template-columns:130px 1fr; gap:1.6rem;}
  }
  @media(max-width:520px){
    .nav-cta{display:none;}
    .hero{padding:3.5rem 0 2rem;}
    .hero-grid{grid-template-columns:96px 1fr; gap:1.1rem;}
  }

/* Bağlamsal override'lar (inline yerine) */
.audience .eyebrow { color: var(--gold); }
.foot-brand { font-family:'Fraunces',serif; color:var(--ink); }
.foot-brand .sub { color: var(--muted); font-weight:400; font-size:.85rem; }