/* ANATOLYA FSH - design tokens
   Estetik yön: industrial utilitarian. Blueprint çizgileri, hairline kurallar,
   mono etiketler, yüksek kontrast lacivert/çelik. Gradient hero, dalgalı ayırıcı,
   eyebrow etiketi, 3'lü ikon grid kullanılmaz. */

:root {
  /* renk */
  --navy-900:#08172a;
  --navy-800:#0d2540;
  --navy-700:#143255;
  --navy-600:#1d4470;
  --green-600:#3d7d33;
  --green-500:#4e9a3f;
  --green-400:#6cbb56;
  --steel-100:#f2f5f8;
  --steel-200:#e2e8ee;
  --steel-300:#c7d1dc;
  --steel-500:#7c8b9c;
  --steel-700:#3f4b59;
  --ink:#0f1720;
  --paper:#ffffff;

  --bg:var(--paper);
  --surface:var(--steel-100);
  --line:var(--steel-200);

  /* tipografi */
  --f-head:'Archivo',system-ui,sans-serif;
  --f-body:'IBM Plex Sans',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,monospace;

  /* boşluk (4px tabanlı) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s6:24px;
  --s8:32px; --s12:48px; --s16:64px; --s24:96px; --s32:128px;

  --maxw:1200px;
  --r:3px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

body{
  margin:0;
  font-family:var(--f-body);
  font-size:16px;
  line-height:1.65;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block}
a{color:var(--navy-700)}

h1,h2,h3,h4{font-family:var(--f-head);line-height:1.14;letter-spacing:-0.02em;margin:0 0 var(--s4)}
h1{font-size:clamp(2.1rem,6.2vw,4rem);font-weight:800}
h2{font-size:clamp(1.65rem,3.9vw,2.6rem);font-weight:700}
h3{font-size:1.15rem;font-weight:700;letter-spacing:-0.01em}
h4{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
p{margin:0 0 var(--s4)}

.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--s6)}

.skip{position:absolute;left:-9999px;top:0;background:var(--navy-900);color:#fff;padding:var(--s3) var(--s4);z-index:100}
.skip:focus{left:0}

:focus-visible{outline:3px solid var(--green-500);outline-offset:2px}

/* ---------- buton ---------- */
.btn{
  display:inline-block;font-family:var(--f-head);font-weight:700;font-size:.97rem;
  background:var(--green-600);color:#fff;text-decoration:none;
  padding:var(--s4) var(--s8);border:0;border-radius:var(--r);cursor:pointer;
  transition:background .18s ease,transform .18s ease;
  letter-spacing:-0.01em;
}
.btn:hover{background:var(--green-500);transform:translateY(-1px)}
.btn:active{transform:none}
.btn-sm{padding:var(--s3) var(--s4);font-size:.86rem}
.btn-full{width:100%;padding:var(--s4);font-size:1.03rem}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}

.lnk{
  font-family:var(--f-mono);font-size:.83rem;font-weight:500;letter-spacing:.02em;
  color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);
  padding-bottom:2px;
}
.lnk:hover{border-bottom-color:var(--green-400);color:var(--green-400)}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:var(--s6);min-height:72px}
.brand{flex:0 0 auto;line-height:0}
.brand img{width:132px;height:auto}
.nav{display:none;margin-left:auto;gap:var(--s6)}
.nav a{
  font-family:var(--f-mono);font-size:.79rem;font-weight:500;letter-spacing:.02em;
  color:var(--steel-700);text-decoration:none;padding:var(--s2) 0;
  border-bottom:2px solid transparent;white-space:nowrap;
}
.nav a:hover{color:var(--navy-800);border-bottom-color:var(--green-500)}
.hdr .btn-sm{display:none}

.burger{
  margin-left:auto;width:44px;height:44px;background:none;border:1px solid var(--line);
  border-radius:var(--r);display:grid;place-content:center;gap:5px;cursor:pointer;padding:0;
}
.burger span{display:block;width:20px;height:2px;background:var(--navy-800)}
.mnav{border-top:1px solid var(--line);background:#fff;padding:var(--s3) var(--s6) var(--s6)}
.mnav a{
  display:block;padding:var(--s4) 0;border-bottom:1px solid var(--line);
  color:var(--navy-800);text-decoration:none;font-weight:500;
}
.mnav-cta{
  margin-top:var(--s4);background:var(--green-600);color:#fff!important;
  text-align:center;border-radius:var(--r);border-bottom:0!important;
}

@media (min-width:900px){
  .nav{display:flex}
  .hdr .btn-sm{display:inline-block}
  .burger{display:none}
  .mnav{display:none!important}
  .brand img{width:150px}
}

/* ---------- hero ---------- */
.hero{display:grid;background:var(--navy-900);color:#fff}
.hero-txt{
  padding:var(--s16) 0 var(--s12);
  background-image:linear-gradient(var(--navy-800) 1px,transparent 1px),
                   linear-gradient(90deg,var(--navy-800) 1px,transparent 1px);
  background-size:56px 56px;
  background-position:center;
}
.hero h1{color:#fff;max-width:14ch}
.hero h1 em{font-style:normal;color:var(--green-400)}
.lede{font-size:1.06rem;color:var(--steel-300);max-width:52ch;margin-top:var(--s6)}
.hero-act{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s6);margin-top:var(--s8)}
.hero-stats{
  display:grid;gap:var(--s4);margin:var(--s12) 0 0;padding-top:var(--s6);
  border-top:1px solid var(--navy-700);
}
.hero-stats div{display:flex;flex-direction:column}
.hero-stats dt{
  font-family:var(--f-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--steel-500);
}
.hero-stats dd{margin:2px 0 0;font-family:var(--f-head);font-weight:600;font-size:1.02rem;color:#fff}
.hero-img{
  min-height:260px;
  background:url('/img/hero-tesis.jpg') center/cover no-repeat;
}
@media (min-width:900px){
  .hero{grid-template-columns:1.05fr .95fr;align-items:stretch}
  .hero-txt{padding:var(--s24) 0;display:flex;align-items:center}
  .hero-txt .wrap{max-width:calc(var(--maxw) / 2 + var(--s6));margin-right:0}
  .hero-act{flex-direction:row;align-items:center;gap:var(--s8)}
  .hero-stats{grid-template-columns:repeat(3,1fr);gap:var(--s6)}
  .hero-img{min-height:0}
}

/* ---------- section temelleri ---------- */
section[id]{scroll-margin-top:80px}
.sec{padding:var(--s16) 0}
@media (min-width:900px){.sec{padding:var(--s24) 0}}
.sec-lede{font-size:1.03rem;color:var(--steel-700);max-width:62ch;margin-bottom:var(--s12)}
.sec-steel{background:var(--surface)}
.sec-dark{background:var(--navy-900);color:#fff}
.sec-dark h2,.sec-dark h3{color:#fff}
.sec-dark .sec-lede{color:var(--steel-300)}
.sec-dark a{color:var(--green-400)}

/* ---------- problem listesi ---------- */
.probs{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}
.probs li{
  position:relative;padding:var(--s6);
  border:1px solid var(--navy-700);border-radius:var(--r);background:var(--navy-800);
}
.pn{
  font-family:var(--f-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;
  color:var(--green-400);display:block;margin-bottom:var(--s3);
}
.probs h3{margin-bottom:var(--s2)}
.probs p{color:var(--steel-300);margin:0;font-size:.95rem}
@media (min-width:760px){.probs{grid-template-columns:1fr 1fr;gap:var(--s6)}}

/* ---------- split (metin + görsel) ---------- */
.split{display:grid;gap:var(--s12);align-items:start}
.split-fig{margin:0}
.split-fig img{border-radius:var(--r);border:1px solid var(--line)}
.split-fig figcaption,.wide-fig figcaption{
  font-family:var(--f-mono);font-size:.7rem;color:var(--steel-500);
  margin-top:var(--s2);letter-spacing:.04em;
}
@media (min-width:900px){
  .split{grid-template-columns:1fr 1fr;gap:var(--s16);align-items:center}
  .split-rev .split-txt{order:2}
  .split-rev .split-fig{order:1}
}

.ticks{list-style:none;margin:0 0 var(--s6);padding:0;display:grid;gap:var(--s3)}
.ticks li{position:relative;padding-left:var(--s8);font-size:.97rem}
.ticks li::before{
  content:"";position:absolute;left:0;top:.62em;width:14px;height:2px;background:var(--green-500);
}
.sec-dark .ticks li{color:var(--steel-300)}

.note{
  border-left:3px solid var(--green-500);background:var(--surface);
  padding:var(--s4) var(--s6);font-size:.94rem;color:var(--steel-700);border-radius:0 var(--r) var(--r) 0;
}
.note strong{color:var(--ink)}

/* ---------- akış şeması ---------- */
.flow{display:grid;gap:var(--s3);align-items:stretch}
.fnode{
  background:#fff;border:1px solid var(--line);border-top:3px solid var(--steel-300);
  border-radius:var(--r);padding:var(--s6);
}
.fnode-on{border-top-color:var(--green-500);box-shadow:0 8px 28px -18px rgba(8,23,42,.55)}
.fk{
  font-family:var(--f-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;
  color:var(--steel-500);display:block;margin-bottom:var(--s2);
}
.fnode-on .fk{color:var(--green-600)}
.fnode h3{margin-bottom:var(--s1)}
.fnode p{margin:0;font-size:.92rem;color:var(--steel-700)}
.farrow{justify-self:center;width:2px;height:22px;background:var(--steel-300)}
@media (min-width:820px){
  .flow{grid-template-columns:1fr auto 1fr auto 1fr;gap:var(--s4);align-items:center}
  .farrow{width:100%;height:2px;min-width:32px}
}

/* ---------- ölçüm kartları ---------- */
.cards{display:grid;gap:var(--s6);margin-bottom:var(--s12)}
@media (min-width:760px){.cards{grid-template-columns:1fr 1fr}}
.mcard{
  background:var(--navy-800);border:1px solid var(--navy-700);
  border-radius:var(--r);padding:var(--s8);
}
.mcard h3{font-size:1rem;color:var(--steel-300);font-weight:600;margin-bottom:var(--s6)}
.ba{display:flex;align-items:flex-end;gap:var(--s4)}
.ba-col{display:flex;flex-direction:column}
.ba-lbl{
  font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--steel-500);margin-bottom:var(--s1);
}
.ba-val{
  font-family:var(--f-head);font-weight:800;font-size:clamp(2.4rem,7vw,3.4rem);
  line-height:1;color:var(--steel-500);letter-spacing:-0.03em;
}
.ba-val i{font-style:normal;font-size:.32em;font-weight:600;margin-left:.28em;letter-spacing:0}
.ba-after .ba-val{color:var(--green-400)}
.ba-sep{color:var(--steel-500);font-size:1.5rem;padding-bottom:.5rem}
.bar{height:6px;background:var(--navy-700);border-radius:99px;margin:var(--s6) 0 var(--s3);overflow:hidden}
.bar span{display:block;height:100%;background:var(--green-500);border-radius:99px}
.mdelta{margin:0;font-size:.9rem;color:var(--steel-300)}
.mdelta b{color:#fff;font-weight:600}

.disclaimer{border:1px solid var(--navy-700);border-radius:var(--r);padding:var(--s8)}
.disclaimer h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.09em;color:var(--green-400);margin-bottom:var(--s4)}
.disclaimer ul{margin:0;padding-left:var(--s6);display:grid;gap:var(--s3)}
.disclaimer li{color:var(--steel-300);font-size:.92rem}

/* ---------- süreç ---------- */
.steps{list-style:none;counter-reset:st;margin:0;padding:0;display:grid;gap:var(--s6)}
.steps li{position:relative;padding-left:var(--s16);counter-increment:st}
.steps li::before{
  content:counter(st,decimal-leading-zero);position:absolute;left:0;top:0;
  font-family:var(--f-mono);font-size:.82rem;font-weight:600;color:var(--green-600);
  border:1px solid var(--line);border-radius:var(--r);width:42px;height:42px;
  display:grid;place-content:center;background:#fff;
}
.steps h3{margin-bottom:var(--s1)}
.steps p{margin:0;color:var(--steel-700);font-size:.95rem}

/* ---------- uygulama alanları ---------- */
.tags{list-style:none;margin:0 0 var(--s12);padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.tags li{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:var(--s3) var(--s4);font-size:.9rem;color:var(--steel-700);
}
.wide-fig{margin:0}
.wide-fig img{border-radius:var(--r);border:1px solid var(--line);width:100%;object-fit:cover;max-height:420px}

/* ---------- güvence ---------- */
.gcards{display:grid;gap:var(--s4)}
.gcard{border:1px solid var(--line);border-radius:var(--r);padding:var(--s6);background:#fff}
.gcard p{margin:0;font-size:.94rem;color:var(--steel-700)}
.gcard-lead{background:var(--navy-900);border-color:var(--navy-800);color:#fff}
.gcard-lead h3{color:var(--green-400)}
.gcard-lead p{color:var(--steel-300)}
@media (min-width:760px){
  .gcards{grid-template-columns:repeat(2,1fr)}
  .gcard-lead{grid-column:1 / -1}
}
@media (min-width:1000px){
  .gcards{grid-template-columns:repeat(3,1fr)}
  .gcard-lead{grid-column:1 / -1}
}

/* ---------- form ---------- */
.form-wrap{display:grid;gap:var(--s12)}
@media (min-width:960px){.form-wrap{grid-template-columns:.85fr 1.15fr;gap:var(--s16);align-items:start}}
.form-side p{color:var(--steel-300)}
.form-alt{font-size:.94rem;margin-top:var(--s8)}
.alt-lnk{font-family:var(--f-mono);font-size:1rem;white-space:nowrap}

.form{background:#fff;border-radius:var(--r);padding:var(--s8);color:var(--ink)}
@media (min-width:600px){.form{padding:var(--s12)}}
.f2{display:grid;gap:0}
@media (min-width:560px){.f2{grid-template-columns:1fr 1fr;gap:var(--s4)}}
.fld{display:flex;flex-direction:column;margin:0 0 var(--s4)}
.fld label{
  font-family:var(--f-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--steel-700);margin-bottom:var(--s2);
}
.fld label span{color:var(--green-600)}
.fld input,.fld select,.fld textarea{
  font-family:var(--f-body);font-size:1rem;color:var(--ink);
  border:1px solid var(--steel-300);border-radius:var(--r);
  padding:var(--s3) var(--s4);background:#fff;width:100%;
  transition:border-color .15s ease;
}
.fld textarea{resize:vertical;min-height:96px}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--green-500)}
.fld input[aria-invalid="true"],.fld select[aria-invalid="true"]{border-color:#c0392b}

.fld-check{flex-direction:row;align-items:flex-start;gap:var(--s3);margin-bottom:var(--s6)}
.fld-check input{width:20px;height:20px;flex:0 0 auto;margin-top:2px;accent-color:var(--green-600)}
.fld-check label{
  font-family:var(--f-body);font-size:.88rem;text-transform:none;letter-spacing:0;
  color:var(--steel-700);margin:0;line-height:1.5;
}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.fmsg{margin:var(--s4) 0 0;font-size:.92rem;min-height:1.4em}
.fmsg.ok{color:var(--green-600);font-weight:600}
.fmsg.err{color:#c0392b;font-weight:600}

/* ---------- footer ---------- */
.ftr{background:var(--navy-900);color:var(--steel-300);padding:var(--s16) 0 var(--s6);font-size:.9rem}
.ftr-in{display:grid;gap:var(--s8)}
@media (min-width:820px){.ftr-in{grid-template-columns:1.4fr 1fr 1fr;gap:var(--s12)}}
.ftr-brand img{background:#fff;padding:var(--s3);border-radius:var(--r);width:150px}
.ftr-brand p{margin-top:var(--s4);max-width:38ch;color:var(--steel-500)}
.ftr h4{color:#fff;margin-bottom:var(--s3)}
.ftr-col p{margin:0 0 var(--s2)}
.ftr a{color:var(--green-400)}
.ftr-btm{
  display:flex;flex-wrap:wrap;gap:var(--s3) var(--s8);justify-content:space-between;
  border-top:1px solid var(--navy-800);margin-top:var(--s12);padding-top:var(--s6);
  font-size:.78rem;color:var(--steel-500);
}

/* içerik teslim edilene kadar doldurulacak alanlar */
[data-placeholder]{opacity:.6}