:root{
  --paper:#EEEFEA;
  --paper-2:#E5E7E0;
  --ink:#14171A;
  --slate:#59626B;
  --rule:#D2D5CC;
  --insan:#4C6B48;
  --sistem:#26439B;
  --risk:#9E5D18;
  --zihin:#2C6A66;
  --maxw:1180px;
  --step:clamp(1rem,0.6rem + 1.4vw,1.25rem);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"Newsreader",Georgia,serif;font-size:var(--step);line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
h1,h2,h3,.disp{font-family:"Bricolage Grotesque","Helvetica Neue",sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.04;margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--sistem);outline-offset:3px}

/* ── header ───────────────────────────── */
.top{position:sticky;top:0;z-index:20;background:rgba(238,239,234,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;gap:24px}
.brand{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.02rem;letter-spacing:-.02em;text-decoration:none}
.nav{display:flex;gap:22px}
.nav a{text-decoration:none;color:var(--slate);font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.nav a:hover{color:var(--ink)}
@media(max-width:720px){.nav{display:none}}

/* ── hero ─────────────────────────────── */
.hero{padding:88px 0 40px}
.hero .eyebrow{color:var(--slate);margin-bottom:26px}
.hero h1{font-size:clamp(2.6rem,1.2rem + 5.4vw,5rem);max-width:16ch}
.hero .sub{margin-top:26px;max-width:52ch;color:var(--slate);font-size:1.12em;line-height:1.5}

/* ── strata (signature) ───────────────── */
.strata{margin:56px 0 0;border-top:1px solid var(--rule)}
.layer{
  display:grid;grid-template-columns:132px 1fr 1fr;gap:28px;
  padding:30px 0;border-bottom:1px solid var(--rule);
  transition:opacity .35s ease,transform .35s ease,padding .35s ease;
}
.layer .tag{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c);padding-top:.5em}
.layer .tag::before{content:"";display:block;width:34px;height:3px;background:var(--c);margin-bottom:12px}
.layer h3{font-size:clamp(1.5rem,1rem + 1.6vw,2.15rem)}
.layer .def{margin-top:10px;color:var(--slate);max-width:34ch}
.layer .keys{display:flex;flex-wrap:wrap;gap:8px;align-self:start;padding-top:.6em}
.layer .keys span{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rule);border-radius:999px;padding:5px 11px;color:var(--slate)}
.strata:hover .layer{opacity:.34}
.strata .layer:hover,.strata .layer:focus-within{opacity:1;transform:translateX(6px)}
.strata:hover .layer:not(:hover){transform:translateX(-4px)}
.coupling{padding:22px 0 0;max-width:46ch;color:var(--slate)}
.coupling strong{color:var(--ink);font-weight:400;border-bottom:2px solid var(--risk);padding-bottom:1px}
@media(max-width:820px){
  .layer{grid-template-columns:1fr;gap:14px;padding:26px 0}
  .strata:hover .layer{opacity:1}
  .strata:hover .layer:not(:hover),.strata .layer:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .layer,.strata:hover .layer,.strata .layer:hover{transition:none;transform:none}
}

/* ── yöntem ───────────────────────────── */
.band.method{margin-top:56px;padding:60px 0}
.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.steps li{display:flex;align-items:baseline;gap:26px;padding:22px 0;border-bottom:1px solid var(--rule)}
.steps .n{color:var(--slate);flex:none;width:34px}
.steps .s{font-family:"Bricolage Grotesque",sans-serif;font-weight:500;letter-spacing:-.02em;font-size:clamp(1.35rem,.9rem + 1.9vw,2.4rem);line-height:1.1}
.steps li:hover .s{color:var(--sistem)}

/* ── çerçeve / DHSR ───────────────────── */
.lede{max-width:64ch;color:var(--slate);margin:0 0 44px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-bottom:none}
.pcard{background:var(--paper);padding:26px 24px 30px}
.pcard .pill{color:var(--c);margin:0 0 16px}
.pcard .pill::after{content:"";display:block;width:28px;height:3px;background:var(--c);margin-top:10px}
.pcard h3{font-size:1.16rem;line-height:1.2;margin-bottom:12px}
.pcard .d{margin:0 0 14px;font-size:.95em}
.pcard .m{margin:0;color:var(--slate);font-size:.9em;border-top:1px solid var(--rule);padding-top:12px}
.synergy{display:grid;grid-template-columns:1fr 2fr;gap:24px;background:var(--paper-2);border:1px solid var(--rule);padding:26px 24px 30px}
.synergy .pill{color:var(--ink);margin:0}
.synergy h3{font-size:1.16rem;margin-bottom:12px}
.synergy .d{margin:0;max-width:62ch;font-size:.95em}
.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 44px;margin-top:52px}
.principles .pill{color:var(--slate);margin:0 0 10px}
.principles h4{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;letter-spacing:-.015em;font-size:1.1rem;line-height:1.24;margin:0 0 8px}
.principles p{margin:0;color:var(--slate);font-size:.95em;max-width:44ch}
@media(max-width:820px){
  .pillars{grid-template-columns:1fr;border-bottom:1px solid var(--rule)}
  .synergy{grid-template-columns:1fr;border-top:none}
  .principles{grid-template-columns:1fr;gap:28px}
}

.levels{color:var(--slate);margin:-26px 0 30px}
.pcard .keys{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}
.pcard .keys span{font-family:"IBM Plex Mono",monospace;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rule);border-radius:999px;padding:4px 10px;color:var(--slate)}
.synergy h3 .en{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-left:10px;white-space:nowrap}

.steps .s em{display:block;font-family:"Newsreader",serif;font-style:normal;font-weight:400;font-size:.98rem;line-height:1.45;letter-spacing:0;color:var(--slate);margin-top:8px;max-width:56ch}
.center{margin:56px 0 0;padding:34px 0 0;border-top:1px solid var(--rule);font-family:"Bricolage Grotesque",sans-serif;font-weight:500;font-size:clamp(1.15rem,.9rem + .9vw,1.5rem);line-height:1.32;letter-spacing:-.015em;max-width:60ch}
.lede + .lede{margin-top:-30px}

/* ── ölçüm aracı ──────────────────────── */
.tool{border:1px solid var(--rule);background:var(--paper-2)}
.legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--slate);padding:16px 24px;border-bottom:1px solid var(--rule)}
.qgroup{border-bottom:1px solid var(--rule)}
.qgroup > h4{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin:0;padding:20px 24px 6px}
.qgroup > h4::before{content:"";display:inline-block;width:22px;height:3px;background:var(--c);vertical-align:middle;margin-right:10px}
.q-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:13px 24px;border-top:1px solid var(--rule)}
.q-row p{margin:0;font-size:.96em;max-width:62ch}
.opts{display:flex;gap:6px}
.opts button{font-family:"IBM Plex Mono",monospace;font-size:.72rem;width:32px;height:32px;border:1px solid var(--rule);background:var(--paper);color:var(--slate);cursor:pointer;border-radius:2px}
.opts button:hover{border-color:var(--ink)}
.opts button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.tool-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:20px 24px}
.btn-dark{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 22px;cursor:pointer}
.btn-ghost{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:none;color:var(--slate);border:1px solid var(--rule);padding:13px 18px;cursor:pointer}
.btn-ghost:hover{color:var(--ink);border-color:var(--ink)}
#progress{color:var(--slate)}
.result{border-top:1px solid var(--rule);padding:28px 24px 32px;background:var(--paper)}
.score{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.score .v{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(2.6rem,2rem + 3vw,4rem);line-height:1}
.score .band-lbl{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink);padding:6px 12px}
.bars{margin:26px 0 0;display:grid;gap:12px}
.bar{display:grid;grid-template-columns:230px 1fr 46px;gap:16px;align-items:center}
.bar .lbl2{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.track{height:8px;background:var(--paper-2);border:1px solid var(--rule)}
.fill{height:100%;background:var(--c);transition:width .6s ease}
.bar .pct{font-family:"IBM Plex Mono",monospace;font-size:.74rem;text-align:right}
.finding{margin:26px 0 0;padding-top:22px;border-top:1px solid var(--rule);max-width:60ch}
.finding strong{font-weight:400;border-bottom:2px solid var(--c)}
.disclaimer{margin:0;padding:16px 24px 20px;color:var(--slate);font-size:.86em;border-top:1px solid var(--rule)}
@media(max-width:820px){
  .q-row{grid-template-columns:1fr;gap:12px}
  .bar{grid-template-columns:1fr;gap:6px}
  .bar .pct{text-align:left}
}
@media(prefers-reduced-motion:reduce){.fill{transition:none}}

.lead{border-top:1px solid var(--rule);background:var(--paper);padding:28px 24px 30px}
.lead .pill{color:var(--slate);margin:0 0 12px}
.lead h3{font-size:clamp(1.2rem,1rem + .8vw,1.5rem);margin-bottom:10px}
.lead-d{margin:0 0 22px;color:var(--slate);max-width:58ch}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;max-width:640px}
.fields label{display:flex;flex-direction:column;gap:6px;font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.fields input{font-family:"Newsreader",serif;font-size:1rem;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);padding:11px 12px;border-radius:2px;text-transform:none;letter-spacing:0}
.fields input:focus{outline:2px solid var(--sistem);outline-offset:1px}
.check{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:.9em;color:var(--slate);max-width:64ch}
.check input{margin-top:.3em;flex:none}
#sendmsg{color:var(--slate)}
@media(max-width:820px){.fields{grid-template-columns:1fr}}

.btn-open{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 22px;text-decoration:none}
.btn-open:hover{background:#000}

/* ── bülten ───────────────────────────── */
.bulten{padding:64px 0}
.nl{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:start}
.nl .pill{color:var(--slate);margin:0 0 12px}
.nl h2{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem);max-width:18ch;margin-bottom:14px}
.nl-d{margin:0;color:var(--slate);max-width:50ch}
.nl-form{background:var(--paper-2);border:1px solid var(--rule);padding:26px 24px 28px}
.nl-note{margin:14px 0 0;color:var(--slate);font-size:.86em}
@media(max-width:820px){.nl{grid-template-columns:1fr;gap:32px}}

/* ── manifesto ────────────────────────── */
.band{border-top:1px solid var(--rule);margin-top:80px;padding:72px 0}
.band.dark{background:var(--ink);color:var(--paper);border-top:none}
.block{display:grid;grid-template-columns:200px 1fr;gap:36px;padding:34px 0;border-bottom:1px solid var(--rule)}
.block:last-of-type{border-bottom:none}
.block .lbl{color:var(--slate)}
.block h2{font-size:clamp(1.35rem,1rem + 1.1vw,1.8rem);margin-bottom:14px}
.block p{margin:0 0 14px;max-width:60ch}
.block p:last-child{margin-bottom:0}
.q{font-family:"Bricolage Grotesque",sans-serif;font-weight:500;font-size:clamp(1.25rem,.9rem + 1.2vw,1.7rem);line-height:1.25;letter-spacing:-.015em;border-left:3px solid var(--sistem);padding-left:20px;margin:20px 0}
@media(max-width:820px){.block{grid-template-columns:1fr;gap:12px}}

/* ── hakkımda ─────────────────────────── */
.about{display:grid;grid-template-columns:1.6fr 1fr;gap:24px 64px;align-items:start}
.about-main{grid-row:1 / span 2;grid-column:1}
.creds{grid-column:2}
.scope{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.scope li{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--rule)}
.scope .n{color:var(--slate);padding-top:.35em}
.scope .t{color:var(--ink);font-size:.98em}
.closing-line{margin:30px 0 0;font-family:"Bricolage Grotesque",sans-serif;font-weight:500;font-size:clamp(1.1rem,.9rem + .8vw,1.4rem);line-height:1.3;letter-spacing:-.015em;max-width:44ch}
.creds{display:grid;gap:26px;background:var(--paper-2);border:1px solid var(--rule);padding:26px 24px 30px}
.creds .pill{color:var(--slate);margin:0 0 10px}
.creds ul{list-style:none;margin:0;padding:0}
.creds li{font-size:.94em;padding:4px 0;color:var(--ink)}
@media(max-width:820px){
  .about{grid-template-columns:1fr;gap:38px}
  .scope li{grid-template-columns:1fr;gap:6px}
}

.portrait{margin:0 0 24px;grid-column:2}
.portrait img{display:block;width:100%;height:auto;filter:grayscale(100%) contrast(1.02)}
@media(max-width:820px){.portrait{grid-column:1;max-width:340px}}

/* ── içerik ───────────────────────────── */
.head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.head h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}
.chip{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;background:none;border:1px solid var(--rule);border-radius:999px;padding:8px 15px;cursor:pointer;color:var(--slate)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}
.card{background:var(--paper);padding:26px 24px 30px;display:flex;flex-direction:column;gap:12px;min-height:230px;text-decoration:none}
.card .pill{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.card h3{font-size:1.22rem;line-height:1.2}
.card p{margin:0;color:var(--slate);font-size:.94em}
.card .meta{margin-top:auto;color:var(--slate);font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
.card:hover{background:var(--paper-2)}
.card[hidden]{display:none}

/* ── eğitim ───────────────────────────── */
.band.dark .lbl{color:#8C949C}
.edu{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start}
.edu h2{font-size:clamp(1.9rem,1.2rem + 2.2vw,3rem);max-width:16ch}
.edu p{color:#C6CAC5;max-width:48ch}
.list{list-style:none;margin:0;padding:0;border-top:1px solid #2B3035}
.list li{padding:16px 0;border-bottom:1px solid #2B3035;display:flex;justify-content:space-between;gap:18px;align-items:baseline}
.list .n{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.12em;color:#8C949C;text-transform:uppercase}
.btn{display:inline-block;margin-top:26px;font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:var(--paper);color:var(--ink);padding:14px 24px;text-decoration:none}
.btn:hover{background:#fff}
@media(max-width:820px){.edu{grid-template-columns:1fr;gap:34px}}

/* ── kapanış / footer ─────────────────── */
.close{padding:86px 0;border-top:1px solid var(--rule)}
.close p{font-family:"Bricolage Grotesque",sans-serif;font-weight:500;font-size:clamp(1.5rem,1rem + 2vw,2.5rem);line-height:1.24;letter-spacing:-.02em;max-width:22ch;margin:0}
.close .body{font-family:"Newsreader",serif;font-size:1.02rem;font-weight:400;line-height:1.55;letter-spacing:0;color:var(--slate);max-width:58ch;margin-top:26px}
footer{border-top:1px solid var(--rule);padding:34px 0 60px;color:var(--slate)}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{text-decoration:none}
footer a:hover{color:var(--ink)}

/* ── yazı ve arşiv ────────────────────── */
.yazi{max-width:760px}
.yazi h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.2rem);margin:8px 0 14px}
.yazi .pill{margin:0 0 10px;font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.yazi-meta{color:var(--slate);margin:0 0 30px}
.yazi-gorsel{margin:0 0 30px}
.yazi-gorsel img{display:block;width:100%;height:auto}
.yazi-govde{font-size:1.06em;line-height:1.62}
.yazi-govde h2{font-size:clamp(1.3rem,1rem + 1.1vw,1.75rem);margin:34px 0 12px}
.yazi-govde h3{font-size:1.2rem;margin:26px 0 10px}
.yazi-govde p{margin:0 0 18px}
.yazi-govde ul,.yazi-govde ol{margin:0 0 18px;padding-left:22px}
.yazi-govde li{margin:0 0 8px}
.yazi-govde blockquote{margin:24px 0;padding-left:20px;border-left:3px solid var(--c,var(--sistem));font-family:"Bricolage Grotesque",sans-serif;font-weight:500;font-size:1.15em;line-height:1.32;letter-spacing:-.015em}
.yazi-govde img{max-width:100%;height:auto}
.yazi-govde a{color:var(--sistem)}
.yazi-gezinme{margin-top:40px;padding-top:22px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.yazi-gezinme a{text-decoration:none;color:var(--slate)}
.yazi-gezinme a:hover{color:var(--ink)}
.sayfalama{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap;color:var(--slate)}
.sayfalama a,.sayfalama span{text-decoration:none;border:1px solid var(--rule);padding:8px 13px;color:var(--slate)}
.sayfalama .current{background:var(--ink);border-color:var(--ink);color:var(--paper)}