/* ============ BETCIO — Tasarim B: editoryal, keskin, mono-aksanli ============ */
:root{
  --bg:#0f1217; --panel:#181d26; --panel2:#12161d;
  --brand:#2C323E; --brand2:#3c4555; --accent:#6aa8ff; --accent2:#a9c9ff;
  --text:#eef1f6; --muted:#9aa4b5; --line:rgba(255,255,255,.09); --radius:4px;
  --mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:Georgia,"Times New Roman",serif;
  background:var(--bg); color:var(--text); line-height:1.7;
}
body::before{content:""; position:fixed; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--accent),var(--brand2)); z-index:20}
a{color:inherit}
img{max-width:100%; display:block}
.wrap{max-width:980px; margin:0 auto; padding:0 24px}

/* Header — minimal, buyuk harf marka */
header{position:sticky; top:0; z-index:10; background:rgba(15,18,23,.94);
  border-bottom:1px solid var(--line); backdrop-filter:blur(6px)}
.nav{display:flex; align-items:center; justify-content:space-between; height:72px; gap:18px}
.brand{display:flex; align-items:center; gap:12px}
.brand img{height:30px; width:auto}
.nav-links{display:flex; gap:26px; font-family:var(--mono); font-size:12px; letter-spacing:1px;
  text-transform:uppercase; color:var(--muted)}
.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--accent)}

/* Butonlar — dikdortgen, cerceveli, buyuk harf */
.btn{display:inline-block; padding:13px 28px; border-radius:var(--radius); font-weight:700;
  text-decoration:none; border:1px solid var(--accent); transition:.16s; font-family:var(--mono);
  font-size:13px; text-transform:uppercase; letter-spacing:1.5px}
.btn-primary{background:var(--accent); color:#0b1320}
.btn-primary:hover{background:transparent; color:var(--accent)}
.btn-ghost{border-color:var(--brand2); color:var(--text); background:transparent}
.btn-ghost:hover{border-color:var(--accent); color:var(--accent)}

.crumbs{font-family:var(--mono); font-size:12px; color:var(--muted); padding:18px 0 0; letter-spacing:.5px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--accent)}

/* Cluster nav — mono etiketler, alt cizgi */
.cluster{display:flex; flex-wrap:wrap; gap:0; padding:18px 0; border-top:1px solid var(--line);
  border-bottom:1px solid var(--line); margin-top:8px}
.cluster a{padding:10px 16px; text-decoration:none; font-family:var(--mono); font-size:12px;
  text-transform:uppercase; letter-spacing:.5px; color:var(--muted); border-right:1px solid var(--line)}
.cluster a:hover{color:var(--accent); background:var(--panel)}
.cluster a[aria-current="page"]{color:var(--accent2); border-bottom:2px solid var(--accent)}

/* HERO — ortali, editoryal */
.hero{padding:90px 0 56px; text-align:center; border-bottom:1px solid var(--line)}
.badge{display:inline-block; padding:6px 16px; font-family:var(--mono); font-size:11px;
  text-transform:uppercase; letter-spacing:3px; color:var(--accent); border:1px solid var(--line);
  border-radius:0; margin-bottom:26px}
.badge .pulse{display:none}
.hero h1{font-size:clamp(36px,6.5vw,64px); line-height:1.08; margin:0 0 20px; font-weight:400;
  letter-spacing:-.5px}
.hero h1 b{font-style:italic; color:var(--accent2); font-weight:400}
.hero p{max-width:640px; margin:0 auto 30px; color:var(--muted); font-size:19px}
.cta-row{display:flex; gap:16px; justify-content:center; flex-wrap:wrap}
.updated{margin-top:24px; font-family:var(--mono); font-size:12px; color:var(--muted); letter-spacing:.5px}

section{padding:46px 0}
h2{font-size:clamp(22px,3.4vw,32px); margin:0 0 6px; font-weight:400; font-style:italic}
.lead{color:var(--muted); margin:0 0 26px; max-width:740px; font-size:17px}
h2 + .lead{border-top:1px solid var(--line); padding-top:14px}
h3{margin:0 0 8px; font-size:15px; font-weight:700; font-family:var(--mono); text-transform:uppercase;
  letter-spacing:1px; color:var(--accent2)}

.grid{display:grid; gap:0; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-2{grid-template-columns:repeat(2,1fr)}
/* Kartlar — keskin, cizgili kafes, ust aksan */
.card{background:var(--panel2); padding:28px 26px; border-right:1px solid var(--line);
  border-bottom:1px solid var(--line); border-top:2px solid transparent; transition:.16s}
.card:hover{border-top-color:var(--accent); background:var(--panel)}
.card p{color:var(--muted); margin:0; font-size:15px}
.ico{font-size:22px; margin-bottom:14px; font-style:normal}

table.adres{width:100%; border-collapse:collapse; border:1px solid var(--line); font-family:var(--mono); font-size:14px}
table.adres th,table.adres td{padding:14px 18px; text-align:left; border-bottom:1px solid var(--line); border-right:1px solid var(--line)}
table.adres th{background:var(--panel); color:var(--accent2); text-transform:uppercase; font-size:12px; letter-spacing:1px}
table.adres tr:last-child td{border-bottom:none}
.ok{color:var(--accent); font-weight:700}

.steps{display:grid; gap:0; border:1px solid var(--line); border-radius:var(--radius); counter-reset:s; overflow:hidden}
.step{display:flex; gap:22px; align-items:flex-start; padding:22px 24px; border-bottom:1px solid var(--line)}
.step:last-child{border-bottom:none}
.step .n{flex:0 0 auto; font-family:var(--mono); font-size:30px; font-weight:700; color:var(--brand2);
  counter-increment:s; line-height:1}
.step .n::before{content:"0" counter(s)}
.step h4{margin:0 0 4px; font-family:var(--mono); text-transform:uppercase; font-size:14px; letter-spacing:.5px}
.step p{color:var(--muted); margin:0}

.cta-band{text-align:center; border:1px solid var(--accent); border-radius:var(--radius);
  padding:52px 30px; background:var(--panel2)}

.faq details{border-bottom:1px solid var(--line); padding:18px 4px}
.faq summary{cursor:pointer; font-weight:700; list-style:none; font-family:var(--mono);
  text-transform:uppercase; font-size:14px; letter-spacing:.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"[+]"; float:right; color:var(--accent); font-family:var(--mono)}
.faq details[open] summary::after{content:"[–]"}
.faq p{color:var(--muted); margin:14px 0 0}

footer{border-top:1px solid var(--line); padding:36px 0; margin-top:34px}
.foot{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.disc{color:var(--muted); font-size:13px; margin:16px 0 0; font-family:var(--mono); letter-spacing:.3px}

@media(max-width:820px){.cols-3,.cols-2{grid-template-columns:1fr} .nav-links{display:none}}