/* Layout: koyu lacivert vitrin (hero + süreç bandı) ile fildişi okuma yüzeyleri dönüşümlü; altın tonu tek vurgu, mevzuat dayanakları mühür gibi rozetlerde */
:root{
  --ivory:#FBFAF7; --surface:#FFFFFF; --ink:#15181F; --muted:#545B66; --rule:#E2DDD3;
  --navy:#0A1F38; --navy-2:#122B4C; --on-navy:#F5F2EA; --on-navy-muted:#B8C0CC;
  --brass:#7A1F2E; --brass-bright:#C9A961; --brass-soft:#F4EFEC; --on-brass:#FFFFFF; --claret:#7A1F2E; --claret-dk:#5E1622;
  --display:"Libre Caslon Text","Baskerville","Georgia","Times New Roman",serif;
  --body:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Source Sans 3",system-ui,sans-serif;
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2.5rem; --s5:4.5rem;
  --shadow:0 1px 0 rgba(10,31,56,.04),0 10px 28px -16px rgba(10,31,56,.25);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --ivory:#0B1424; --surface:#111D31; --ink:#ECEEF2; --muted:#A7B0BE; --rule:#25344D;
  --navy:#06101E; --navy-2:#0F2240; --brass:#D4B572; --brass-soft:#1E2638; --claret:#8E2738; --claret-dk:#74202E;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -12px rgba(0,0,0,.6); color-scheme:dark}}
:root[data-theme="dark"]{
  --ivory:#0B1424; --surface:#111D31; --ink:#ECEEF2; --muted:#A7B0BE; --rule:#25344D;
  --navy:#06101E; --navy-2:#0F2240; --brass:#D4B572; --brass-soft:#1E2638; --claret:#8E2738; --claret-dk:#74202E;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -12px rgba(0,0,0,.6); color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65;margin:0}
.wrap{max-width:70rem;margin:0 auto;padding-inline:max(16px,4vw)}
a{color:var(--brass)}
:focus-visible{outline:3px solid var(--brass-bright);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.16;text-wrap:balance;margin:0;letter-spacing:-.005em}
h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}
h3{font-size:1.45rem}
p{margin:0}
.eyebrow{font-family:var(--body);font-weight:600;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass)}
.ref{font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.04em;background:var(--brass-soft);color:var(--ink);border:1px solid var(--rule);padding:.18em .55em;border-radius:1px;white-space:nowrap}

/* üst bar */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:color-mix(in srgb,var(--navy) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid rgba(201,169,97,.25)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding-block:.8rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--on-navy)}
.mono-mark{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid var(--brass-bright);border-radius:0;letter-spacing:.06em;font-family:var(--display);font-size:1rem;color:var(--brass-bright)}
.brand b{font-family:var(--display);font-weight:400;font-size:1.12rem;letter-spacing:.14em;display:block;line-height:1}
.brand small{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-navy-muted)}
nav{display:flex;gap:1.4rem;flex-wrap:wrap}
nav a{font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--on-navy)}
nav a:hover{color:var(--brass-bright)}

/* hero */
.hero{position:relative;overflow:hidden;color:var(--on-navy);
  background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%)}
.hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--brass-bright),transparent);opacity:.6;pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 12rem;gap:var(--s5);align-items:center;padding-block:var(--s5)}
.hero h1{font-size:clamp(2.3rem,5vw,4.1rem);margin-top:1rem}
.hero h1 em{font-style:italic;color:var(--brass-bright)}
.hero .lede{max-width:36rem;margin-top:var(--s3);font-size:1.15rem;color:var(--on-navy-muted)}
.cta-row{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s4)}
.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--body);font-weight:600;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;padding:1rem 1.6rem;border-radius:1px;border:1.5px solid transparent;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn.gold{background:var(--claret);color:#fff;border-color:var(--claret)}
.btn.gold:hover{background:var(--claret-dk);border-color:var(--claret-dk)}
.btn.line{background:transparent;color:var(--on-navy);border-color:rgba(245,242,234,.45)}
.btn.line:hover{border-color:var(--brass-bright);color:var(--brass-bright)}
.portrait{margin:0;position:relative;width:12rem;max-width:100%;justify-self:center}
.portrait::before{content:"";position:absolute;top:-10px;left:-10px;width:100%;aspect-ratio:4/5;border:1px solid var(--brass-bright);border-radius:180px 180px 2px 2px}
.seal{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:4/5;border-radius:180px 180px 2px 2px;background:radial-gradient(circle at 50% 35%,#1A3760 0%,#0A1F38 72%);box-shadow:0 30px 60px -20px rgba(0,0,0,.6),inset 0 0 0 1px rgba(201,169,97,.25)}
.seal svg{width:78%;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.portrait figcaption{position:relative;margin:1.1rem -2.5rem 0;text-align:center;font-family:var(--display);font-size:1.1rem;letter-spacing:.14em}
.portrait figcaption span{display:block;margin-top:.3rem;font-family:var(--body);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-bright)}

/* rakam şeridi */
.facts{position:relative;border-top:1px solid rgba(201,169,97,.25)}
.facts ul{list-style:none;margin:0;padding:var(--s3) 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.facts b{display:block;font-family:var(--display);font-weight:400;font-size:1.9rem;color:var(--brass-bright);line-height:1;font-variant-numeric:lining-nums}
.facts span{font-size:.9rem;color:var(--on-navy-muted)}

/* bölümler */
section{padding-block:var(--s5)}
.sec-head{max-width:44rem;margin-bottom:var(--s4)}
.sec-head h2{margin-top:.6rem}
.sec-head p{margin-top:var(--s2);color:var(--muted);font-size:1.08rem}
.sec-head.center{margin-inline:auto;text-align:center}
.ornament{display:flex;align-items:center;gap:.7rem;margin-top:var(--s2);color:var(--brass)}
.ornament::before,.ornament::after{content:"";height:1px;width:3rem;background:currentColor}
.center .ornament{justify-content:center}

/* hizmet kartları */
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.card{position:relative;background:var(--surface);border:1px solid var(--rule);border-radius:2px;padding:var(--s4) var(--s3) var(--s3);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--s2);transition:transform .25s ease,box-shadow .25s ease}
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--claret)}
.card:hover{transform:translateY(-3px)}
.icon{width:3rem;height:3rem;border-radius:2px;display:grid;place-items:center;background:var(--navy);color:var(--brass-bright)}
.icon svg{width:1.5rem;height:1.5rem}
.card .who{font-size:.9rem;font-weight:600;color:var(--brass)}
.card ul{margin:0;padding-left:1.1rem;color:var(--muted)}
.card li{margin-top:.3rem}
.card li::marker{color:var(--brass)}
.basis{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:var(--s2);border-top:1px dashed var(--rule)}
.panel{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid var(--rule);border-left:3px solid var(--brass);background:var(--surface);font-size:.95rem;color:var(--muted)}
.panel svg{flex:none;width:1.7rem;height:1.7rem;color:var(--brass)}
.panel b{display:block;color:var(--ink);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.15rem}
.principle{padding:.75rem 1rem;border-radius:2px;background:var(--brass-soft);font-size:.96rem;font-weight:600}

/* süreç bandı */
.band{color:var(--on-navy);background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%)}
.band .sec-head p{color:var(--on-navy-muted)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2);counter-reset:s;position:relative}
.steps li{counter-increment:s;position:relative;padding:var(--s3) var(--s2);border:1px solid rgba(201,169,97,.28);border-radius:2px;background:rgba(255,255,255,.04)}
.steps li::before{content:counter(s,upper-roman);display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:0;border:1px solid var(--brass-bright);background:transparent;color:var(--brass-bright);font-family:var(--display);font-size:1.2rem;margin-bottom:.9rem}
.steps strong{display:block;font-family:var(--display);font-weight:400;font-size:1.25rem;margin-bottom:.35rem}
.steps p{font-size:.93rem;color:var(--on-navy-muted)}

/* hakkımda */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s5);align-items:start}
.about .text{display:grid;gap:var(--s2)}
.about .text p{color:var(--muted)}
.quote{font-family:var(--display);font-style:italic;font-size:1.4rem;line-height:1.4;color:var(--ink);border-left:2px solid var(--claret);padding-left:var(--s2);margin-top:var(--s1)}
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:0}
.timeline li{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--rule)}
.timeline li:first-child{border-top:1px solid var(--rule)}
.timeline .yr{font-family:var(--display);font-size:1.4rem;color:var(--brass);font-variant-numeric:lining-nums}
.timeline b{display:block;font-weight:700}
.timeline span{font-size:.92rem;color:var(--muted)}

/* sss */
.faq{max-width:50rem;margin:0 auto;display:grid;gap:var(--s2)}
details{background:var(--surface);border:1px solid var(--rule);border-radius:2px;padding:var(--s2) var(--s3);box-shadow:var(--shadow)}
summary{cursor:pointer;font-weight:700;font-size:1.06rem;list-style:none;display:flex;justify-content:space-between;gap:var(--s2)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--display);font-size:1.5rem;line-height:1;color:var(--brass);transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:.7rem;color:var(--muted)}

/* iletişim */
.contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s4);align-items:start}
.contact-card{color:var(--on-navy);background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);border-radius:2px;padding:var(--s4) var(--s3);display:grid;gap:var(--s3);box-shadow:var(--shadow)}
.contact-card h3{color:var(--on-navy)}
.line{display:grid;gap:.15rem}
.line .lbl{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-bright);font-weight:700}
.line .val{font-family:var(--display);font-size:1.45rem;user-select:all;overflow-wrap:anywhere}
.copy{justify-self:start;margin-top:.3rem;font-family:var(--body);font-weight:600;font-size:.74rem;letter-spacing:.08em;background:transparent;border:1px solid rgba(245,242,234,.35);color:var(--on-navy);border-radius:1px;padding:.25rem .8rem;cursor:pointer}
.copy:hover{border-color:var(--brass-bright);color:var(--brass-bright)}
form{display:grid;gap:var(--s2);background:var(--surface);border:1px solid var(--rule);border-radius:2px;padding:var(--s4) var(--s3);box-shadow:var(--shadow)}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s2)}
label{display:grid;gap:.35rem;font-weight:700;font-size:.9rem}
input,select,textarea{font:inherit;font-weight:500;font-size:1rem;padding:.7rem .85rem;border:1px solid var(--rule);border-radius:2px;background:var(--ivory);color:var(--ink);width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--brass)}
textarea{min-height:7rem;resize:vertical}
.check{display:flex;gap:.6rem;align-items:flex-start;font-weight:500;font-size:.94rem}
.check input{width:auto;margin-top:.35rem;accent-color:var(--brass)}
.note{font-size:.86rem;color:var(--muted)}
.form-msg{font-weight:700;font-size:.95rem;color:var(--brass)}

/* kvkk */
.kvkk{max-width:52rem;margin:0 auto;background:var(--surface);border:1px solid var(--rule);border-radius:2px;padding:var(--s4) var(--s3)}
.kvkk dl{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:.7rem 1.5rem;margin:var(--s3) 0 0;font-size:.95rem}
.kvkk dt{font-weight:800}
.kvkk dd{margin:0;color:var(--muted)}

footer{color:var(--on-navy-muted);background:var(--navy);padding-block:var(--s4);font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap}
footer b{font-family:var(--display);font-weight:400;font-size:1.05rem;letter-spacing:.14em;color:var(--on-navy)}
.preview-flag{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--brass-bright);color:var(--brass-bright);padding:.2rem .6rem;border-radius:1px}

@media (max-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--s4)}
  .portrait{width:10rem;margin-left:14px;justify-self:start}
  .facts ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards,.about,.contact{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:minmax(0,1fr)}
  .kvkk dl{grid-template-columns:minmax(0,1fr)}
  .kvkk dd{margin-bottom:.5rem}
  nav{gap:.9rem}
}
@media (max-width:480px){nav{gap:.75rem} nav a{letter-spacing:.07em} .row2{grid-template-columns:minmax(0,1fr)} .facts b{font-size:1.8rem}}
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .hero h1,.hero .lede,.cta-row,.portrait{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
  .hero .lede{animation-delay:.1s}.cta-row{animation-delay:.2s}.portrait{animation-delay:.15s}
  @keyframes rise{from{transform:translateY(14px)}to{transform:none}}
}
@media (prefers-reduced-motion:reduce){.card,.btn{transition:none}}

.hero .eyebrow,.band .eyebrow,.contact-card .eyebrow{color:var(--brass-bright)}
/* hizmet numarası */
.card h3 .num{display:block;font-family:var(--body);font-size:.74rem;font-weight:700;letter-spacing:.2em;color:var(--brass);margin-bottom:.35rem}
.card h3 .num::before{content:"HİZMET "}
/* işveren yükümlülükleri */
.ob-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--navy);color:var(--on-navy)}
.ob-four div{padding:var(--s3) var(--s2);border-right:1px solid rgba(201,169,97,.25)}
.ob-four div:last-child{border-right:0}
.ob-four b{display:block;font-family:var(--display);font-weight:400;font-size:1.3rem;color:var(--brass-bright)}
.ob-four span{font-size:.9rem;color:var(--on-navy-muted)}
.ob-lead{max-width:52rem;margin:var(--s3) auto;text-align:center;color:var(--muted)}
.ob-lead b{color:var(--claret)}
.ob-acc{display:grid;gap:var(--s2)}
.ob-acc>details,.ob-body{min-width:0}
.tbl{max-width:100%}
details.ob{padding:0;border-radius:2px;border-left:3px solid var(--claret)}
details.ob summary{padding:var(--s2) var(--s3);align-items:center;gap:var(--s2);justify-content:flex-start}
details.ob summary::after{margin-left:auto}
.ob-n{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;background:var(--navy);color:var(--brass-bright);font-family:var(--display);font-size:1.1rem}
.ob-t{font-family:var(--display);font-weight:400;font-size:1.25rem}
.ob-t small{display:block;font-family:var(--body);font-size:.8rem;font-weight:500;color:var(--muted)}
.ob-body{padding:0 var(--s3) var(--s3)}
.tbl{overflow-x:auto;border:1px solid var(--rule)}
.tbl table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:36rem}
.tbl th{text-align:left;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;background:var(--navy);color:var(--on-navy);padding:.7rem .8rem;font-weight:600}
.tbl td{padding:.7rem .8rem;border-top:1px solid var(--rule);vertical-align:top;color:var(--muted)}
.tbl td b{color:var(--ink)}
.tbl tr:nth-child(even) td{background:var(--ivory)}
.tbl .ref-c{white-space:nowrap;font-weight:600;font-size:.82rem;color:var(--brass)}
.ob-note{margin-top:var(--s2);font-size:.88rem;color:var(--muted);font-style:italic}
.ob-list{list-style:none;margin:0;padding:0;counter-reset:y;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2) var(--s3)}
.ob-list li{counter-increment:y;position:relative;padding:.2rem 0 0 2.6rem;border-top:1px solid var(--rule);padding-top:.8rem}
.ob-list li::before{content:counter(y);position:absolute;left:0;top:.8rem;width:1.9rem;height:1.9rem;display:grid;place-items:center;border:1px solid var(--brass);color:var(--brass);font-family:var(--display)}
.ob-list b{display:block}
.ob-list span{display:block;color:var(--muted);font-size:.93rem}
.ob-list .ref{display:inline-block;margin-top:.4rem;color:var(--ink)}
.ob-check{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem var(--s3)}
.ob-check li{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem}
.ob-check svg{flex:none;width:1.3rem;height:1.3rem;color:var(--brass);margin-top:.1rem}
@media (max-width:900px){.ob-four{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-four div:nth-child(2){border-right:0}.ob-four div:nth-child(-n+2){border-bottom:1px solid rgba(201,169,97,.25)}.ob-list,.ob-check{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){details.ob summary{padding:var(--s2)}.ob-body{padding:0 var(--s2) var(--s2)}}
/* örnek çalışmalar */
.risk{border:1px solid var(--rule);background:var(--ivory);padding:var(--s3)}
.risk h4{display:flex;align-items:center;gap:.6rem;color:var(--claret)}
.risk h4 svg{width:1.3rem;height:1.3rem;flex:none}
.risk dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2) var(--s3)}
.risk dl>div{border-top:1px solid var(--rule);padding-top:.7rem}
.risk dt{font-weight:700;margin-bottom:.25rem}
.risk dd{margin:0;color:var(--muted);font-size:.93rem}
.risk dd .ref{display:table;margin-top:.5rem;white-space:normal}
.burden .eyebrow{color:var(--brass-bright)}
.burden{margin-top:var(--s4);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s3) var(--s4);background:var(--navy);color:var(--on-navy);padding:var(--s4) var(--s3)}
.burden h3{margin-top:.4rem;color:var(--on-navy)}
.burden p{margin-top:var(--s2);color:var(--on-navy-muted)}
.burden p b{color:var(--brass-bright);font-weight:700}
.burden ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
.burden li{border-top:1px solid rgba(201,169,97,.35);padding-top:.6rem}
.burden li b{display:block;font-family:var(--display);font-weight:400;font-size:1.1rem;color:var(--brass-bright)}
.burden li span{font-size:.88rem;color:var(--on-navy-muted)}
.burden .burden-note{grid-column:1/-1;margin:0;font-size:.85rem;font-style:italic;border-top:1px solid rgba(245,242,234,.15);padding-top:var(--s2)}
@media (max-width:900px){.risk dl,.burden{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.burden ul{grid-template-columns:minmax(0,1fr)}}

.disclaimer{max-width:46rem;margin:0 auto var(--s3);text-align:center;font-size:.88rem;color:var(--muted);font-style:italic}
.case-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--rule);background:var(--surface);margin-bottom:var(--s3)}
.case-tabs button{display:flex;gap:.7rem;align-items:center;text-align:left;font:inherit;font-weight:700;font-size:1rem;color:var(--ink);background:transparent;border:0;border-right:1px solid var(--rule);border-bottom:3px solid transparent;padding:1rem;cursor:pointer}
.case-tabs button:last-child{border-right:0}
.case-tabs button svg{flex:none;width:1.6rem;height:1.6rem;color:var(--brass)}
.case-tabs button small{display:block;font-weight:600;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.case-tabs button[aria-selected="true"]{border-bottom-color:var(--claret);background:var(--brass-soft)}
.case{background:var(--surface);border:1px solid var(--rule);border-top:3px solid var(--claret);padding:var(--s4) var(--s3) var(--s3);box-shadow:var(--shadow);display:grid;gap:var(--s3)}
.case[hidden]{display:none}
.case-head{display:flex;gap:var(--s2);align-items:flex-start}
.case-ico{flex:none;display:grid;place-items:center;width:3rem;height:3rem;background:var(--navy);color:var(--brass-bright)}
.case-ico svg{width:1.5rem;height:1.5rem}
.case-tag{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.case h3{margin-top:.3rem;font-size:clamp(1.35rem,2.4vw,1.75rem)}
.case-who{margin-top:.3rem;font-size:.9rem;color:var(--muted)}
.case h4{font-family:var(--body);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0 0 .6rem}
.case-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s4);align-items:start}
.case-grid>div>p{color:var(--muted);margin-bottom:var(--s3)}
.case-steps{list-style:none;margin:0;padding:0;counter-reset:c;display:grid;gap:.9rem}
.case-steps li{counter-increment:c;display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:.8rem}
.case-steps li::before{content:counter(c);grid-row:span 2;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--brass);color:var(--brass);font-family:var(--display);font-size:.95rem}
.case-steps b{font-weight:700}
.case-steps span{color:var(--muted);font-size:.95rem}
.gain{background:var(--navy);color:var(--on-navy);padding:var(--s3)}
.gain h4{color:var(--brass-bright)}
.gain ul{margin:0;padding-left:1.1rem;display:grid;gap:.6rem;font-size:.96rem}
.gain li::marker{color:var(--brass-bright)}
.compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin-top:var(--s2);border:1px solid var(--rule)}
.cmp{padding:var(--s2)}
.cmp+.cmp{border-left:1px solid var(--rule)}
.cmp h5{margin:0 0 .5rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.cmp ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.88rem;color:var(--muted)}
.cmp li{position:relative;padding-left:1.3rem}
.cmp li::before{position:absolute;left:0;top:0;font-weight:700}
.cmp.no h5{color:var(--muted)}
.cmp.no li::before{content:"✕";color:#B4544F}
.cmp.yes{background:var(--brass-soft)}
.cmp.yes h5{color:var(--brass)}
.cmp.yes li{color:var(--ink)}
.cmp.yes li::before{content:"✓";color:var(--brass)}
.why{border-left:3px solid var(--brass);padding:.2rem 0 .2rem var(--s2);color:var(--muted)}
.why b{color:var(--ink);font-family:var(--display);font-weight:400;font-size:1.1rem;margin-right:.3rem}
.case .basis{margin-top:0}
.case-cta{margin-top:var(--s4);display:grid;gap:var(--s3);justify-items:center;text-align:center}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);width:100%}
.pillars div{border-top:1px solid var(--claret);padding-top:var(--s2)}
.pillars b{display:block;font-family:var(--display);font-weight:400;font-size:1.35rem}
.pillars span{font-size:.94rem;color:var(--muted)}
@media (max-width:900px){
  .case-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-tabs button:nth-child(2){border-right:0}
  .case-tabs button:nth-child(-n+2){border-bottom-width:3px;box-shadow:inset 0 -1px 0 var(--rule)}
  .case-grid,.pillars{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){.compare{grid-template-columns:minmax(0,1fr)} .cmp+.cmp{border-left:0;border-top:1px solid var(--rule)} .case-tabs button{padding:.8rem .6rem;font-size:.92rem}}
/* rapor yapısı */
.anat{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s5);align-items:center}
.anat-fig{max-width:22rem;justify-self:center;width:100%}
.anat-list{list-style:none;margin:0;padding:0;counter-reset:a;display:grid;gap:0}
.anat-list li{counter-increment:a;display:grid;grid-template-columns:2.6rem minmax(0,1fr);column-gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--rule)}
.anat-list li:first-child{border-top:1px solid var(--rule)}
.anat-list li::before{content:counter(a,upper-roman);grid-row:span 2;font-family:var(--display);font-size:1.3rem;color:var(--brass);line-height:1.2}
.anat-list b{font-weight:700}
.anat-list span{color:var(--muted);font-size:.96rem}
.terms ul{margin:var(--s3) 0 0;padding-left:1.1rem;display:grid;gap:.6rem;color:var(--muted);font-size:.96rem}
.terms li::marker{color:var(--brass)}
@media (max-width:900px){.anat{grid-template-columns:minmax(0,1fr);gap:var(--s4)}}
/* çizimler */
.illus{margin:0}
.illus svg{display:block;width:100%;height:auto;border-radius:2px}
.illus figcaption{margin-top:.5rem;font-size:.84rem;color:var(--muted);font-style:italic}
.steps li{padding-top:var(--s3)}
.sicon{position:absolute;top:1.1rem;right:1rem;width:1.7rem;height:1.7rem;color:var(--brass-bright);opacity:.9}
.qi{flex:none;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:2px;background:var(--navy);color:var(--brass-bright)}
.qi svg{position:static;width:1.2rem;height:1.2rem;opacity:1}
summary{align-items:center}
.qt{flex:1}
.facts li{display:grid;grid-template-columns:auto 1fr;column-gap:.7rem;align-items:center}
.facts li svg{position:static;grid-row:span 2;width:1.9rem;height:1.9rem;color:var(--brass-bright)}
.venn{margin:var(--s2) 0 0;color:var(--ink);max-width:22rem}
.venn svg{display:block;width:100%;height:auto}
.venn figcaption{font-size:.88rem;color:var(--muted);text-align:center}

/* ===== Çok sayfalı yapı için eklenen bileşenler (2026-10-13) ===== */
html{scroll-padding-top:6rem}
/* acil şerit */
.util{background:var(--claret);color:#fff;font-size:.86rem}
.util .wrap{display:flex;justify-content:space-between;align-items:center;gap:.4rem 1.2rem;padding-block:.45rem;flex-wrap:wrap}
.util a{color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
.util a:hover{text-decoration:underline}
.util .u-links{display:flex;gap:1.1rem}
/* üst bar ve menü */
header.top .wrap{flex-wrap:nowrap}
.menu{display:flex;align-items:center;gap:1.3rem}
.menu>a,.dd>button{font:inherit;font-weight:600;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--on-navy);background:none;border:0;padding:.4rem 0;cursor:pointer}
.menu>a:hover,.dd>button:hover,.menu>a[aria-current]{color:var(--brass-bright)}
.dd{position:relative}
.dd>button::after{content:"▾";margin-left:.35rem;font-size:.7rem}
.dd-panel{position:absolute;top:100%;left:-1rem;min-width:19rem;background:var(--navy);border:1px solid rgba(201,169,97,.35);box-shadow:0 20px 40px -18px rgba(0,0,0,.6);padding:.5rem;display:none}
.dd:hover .dd-panel,.dd:focus-within .dd-panel,.dd.open .dd-panel{display:grid}
.dd-panel a{display:grid;grid-template-columns:2rem 1fr;gap:.1rem .7rem;padding:.7rem .8rem;color:var(--on-navy);text-decoration:none}
.dd-panel a:hover{background:rgba(201,169,97,.12)}
.dd-panel a b{font-family:var(--display);font-weight:400;color:var(--brass-bright);grid-row:span 2;font-size:1.05rem}
.dd-panel a span{font-weight:600;font-size:.95rem}
.dd-panel a small{font-size:.8rem;color:var(--on-navy-muted)}
.menu .btn{padding:.65rem 1rem;font-size:.74rem}
.burger{display:none;background:none;border:1px solid rgba(201,169,97,.5);color:var(--on-navy);width:2.75rem;height:2.75rem;cursor:pointer}
.burger svg{width:1.4rem;height:1.4rem}
@media (max-width:1060px){
  .burger{display:grid;place-items:center}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:.5rem max(16px,4vw) 1.2rem;border-bottom:1px solid rgba(201,169,97,.35);max-height:calc(100vh - 7rem);overflow:auto}
  header.top.open .menu{display:flex}
  .menu>a,.dd>button{padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;width:100%}
  .dd>button::after{content:none}
  .dd-panel{position:static;display:grid;border:0;box-shadow:none;padding:0 0 .4rem;min-width:0;background:transparent}
  .menu .btn{margin-top:1rem;justify-content:center}
}
/* yol izi */
.crumbs{font-size:.82rem;color:var(--on-navy-muted)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0}
.crumbs li+li::before{content:"›";margin-right:.3rem;color:var(--brass-bright)}
.crumbs a{color:var(--on-navy-muted);text-decoration:none}
.crumbs a:hover{color:var(--brass-bright)}
/* sayfa başı */
.page-hero{color:var(--on-navy);background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);position:relative}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--brass-bright),transparent);opacity:.6}
.page-hero .wrap{padding-block:var(--s4) var(--s5)}
.ph-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--s5);align-items:center;margin-top:var(--s3)}
.page-hero .eyebrow{color:var(--brass-bright)}
.page-hero h1{font-size:clamp(2.1rem,4.4vw,3.5rem);margin-top:.8rem}
.page-hero .lede{margin-top:var(--s3);font-size:1.13rem;color:var(--on-navy-muted);max-width:40rem}
.page-hero .illus svg{box-shadow:0 30px 60px -24px rgba(0,0,0,.6)}
.page-hero .illus figcaption{color:var(--on-navy-muted)}
.quick{list-style:none;margin:var(--s4) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(201,169,97,.3)}
.quick li{padding:var(--s2) var(--s2) 0 0}
.quick b{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-bright)}
.quick span{font-size:.95rem;color:var(--on-navy)}
/* güven listesi (hero) */
.ticks{list-style:none;margin:var(--s3) 0 0;padding:0;display:grid;gap:.5rem}
.ticks li{display:flex;gap:.6rem;align-items:flex-start;color:var(--on-navy)}
.ticks li::before{content:"";flex:none;width:1.1rem;height:1.1rem;margin-top:.3rem;background:var(--brass-bright);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,38% 72%)}
.btn.wa{background:#1F7A4D;border-color:#1F7A4D;color:#fff}
.btn.wa:hover{background:#17603C}
.btn svg{width:1.1rem;height:1.1rem}
/* hangi durumdasınız */
.situ{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}
.situ a{display:flex;flex-direction:column;gap:.6rem;padding:var(--s3);background:var(--surface);border:1px solid var(--rule);border-top:3px solid var(--navy);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease}
.situ a:hover{transform:translateY(-3px);border-top-color:var(--claret)}
.situ .q{font-family:var(--display);font-size:1.25rem;line-height:1.25}
.situ .a{color:var(--muted);font-size:.94rem}
.situ .go{margin-top:auto;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}
/* hizmet kartı bağlantısı */
.card .more{align-self:flex-start;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--claret);border-bottom:1px solid currentColor;padding-bottom:.1rem}
.card h3 a{color:inherit;text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0}
.card .more{position:relative;z-index:1}
/* ilkeler */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.trust div{border-top:2px solid var(--claret);padding-top:var(--s2)}
.trust svg{width:2rem;height:2rem;color:var(--brass)}
.trust b{display:block;margin-top:.6rem;font-family:var(--display);font-weight:400;font-size:1.3rem}
.trust span{display:block;margin-top:.3rem;color:var(--muted);font-size:.95rem}
/* sinyaller ve teslimler */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);align-items:start}
.signals{list-style:none;margin:0;padding:0;display:grid;gap:0}
.signals li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--rule)}
.signals li:first-child{border-top:1px solid var(--rule)}
.signals svg{width:1.6rem;height:1.6rem;color:var(--claret);margin-top:.15rem}
.signals b{display:block}
.signals span{color:var(--muted);font-size:.95rem}
.deliver{background:var(--navy);color:var(--on-navy);padding:var(--s4) var(--s3)}
.deliver h3{color:var(--on-navy)}
.deliver .eyebrow{color:var(--brass-bright)}
.deliver ul{list-style:none;margin:var(--s3) 0 0;padding:0;display:grid;gap:var(--s2)}
.deliver li{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.8rem;border-top:1px solid rgba(201,169,97,.3);padding-top:var(--s2)}
.deliver li svg{width:1.4rem;height:1.4rem;color:var(--brass-bright)}
.deliver li b{display:block;font-weight:600}
.deliver li span{color:var(--on-navy-muted);font-size:.93rem}
.deliver .note{color:var(--on-navy-muted);margin-top:var(--s3);font-style:italic}
.work{list-style:none;margin:0;padding:0;counter-reset:w;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.work li{counter-increment:w;background:var(--surface);border:1px solid var(--rule);padding:var(--s3);box-shadow:var(--shadow);position:relative}
.work li::before{content:counter(w,decimal-leading-zero);font-family:var(--display);font-size:1.6rem;color:var(--claret);display:block;line-height:1;margin-bottom:.6rem}
.work b{display:block;font-size:1.05rem}
.work span{display:block;margin-top:.35rem;color:var(--muted);font-size:.95rem}
.basis-x{display:grid;gap:.7rem}
.basis-x div{display:grid;grid-template-columns:minmax(9rem,auto) minmax(0,1fr);gap:var(--s2);align-items:baseline;padding:.8rem 0;border-bottom:1px solid var(--rule)}
.basis-x .ref{justify-self:start}
.basis-x span:last-child{color:var(--muted);font-size:.95rem}
.alt{background:var(--surface);border-block:1px solid var(--rule)}
/* diğer hizmetler */
.xsell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}
.xsell a{display:block;padding:var(--s3);border:1px solid var(--rule);background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .2s}
.xsell a:hover{border-color:var(--claret)}
.xsell small{display:block;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.xsell b{display:block;margin-top:.4rem;font-family:var(--display);font-weight:400;font-size:1.25rem}
.xsell span{display:block;margin-top:.4rem;color:var(--muted);font-size:.92rem}
/* rehber ve makale */
.guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.guide{display:flex;flex-direction:column;gap:.7rem;padding:var(--s3);background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}
.guide:hover h3{color:var(--claret)}
.guide small{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.guide h3{font-size:1.3rem;transition:color .2s}
.guide p{color:var(--muted);font-size:.95rem}
.guide .go{margin-top:auto;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--claret)}
.article-wrap{display:grid;grid-template-columns:minmax(0,46rem) minmax(0,16rem);gap:var(--s5);justify-content:space-between;align-items:start}
.prose{font-size:1.08rem}
.prose>*+*{margin-top:1.1rem}
.prose h2{font-size:clamp(1.55rem,2.6vw,2rem);margin-top:2.6rem;padding-top:1rem;border-top:1px solid var(--rule)}
.prose h3{font-size:1.25rem;margin-top:1.8rem}
.prose p,.prose li{color:var(--ink)}
.prose ul,.prose ol{padding-left:1.25rem}
.prose li+li{margin-top:.45rem}
.prose li::marker{color:var(--claret)}
.prose .lead{font-size:1.2rem;color:var(--muted)}
.callout{border-left:3px solid var(--claret);background:var(--brass-soft);padding:var(--s2) var(--s3)}
.callout b{display:block;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--claret);margin-bottom:.3rem}
.toc{position:sticky;top:7rem;border-top:2px solid var(--claret);padding-top:var(--s2);font-size:.92rem}
.toc b{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-bottom:.6rem}
.toc ol{margin:0;padding-left:1.1rem;display:grid;gap:.45rem}
.toc a{color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--claret)}
.toc .btn{margin-top:var(--s3);width:100%;justify-content:center;padding:.85rem 1rem}
.meta{margin-top:var(--s2);font-size:.88rem;color:var(--on-navy-muted)}
.checklist{list-style:none;padding:0!important}
.checklist li{position:relative;padding-left:1.9rem}
.checklist li::before{content:"";position:absolute;left:0;top:.3rem;width:1.15rem;height:1.15rem;border:1.5px solid var(--claret)}
/* son çağrı */
.cta-band{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);color:var(--on-navy);text-align:center}
.cta-band h2{color:var(--on-navy)}
.cta-band p{max-width:38rem;margin:var(--s2) auto 0;color:var(--on-navy-muted)}
.cta-band .cta-row{justify-content:center}
/* form ek alanı */
.row2 select{min-width:0}
/* mobil alt çubuk */
.mbar{display:none}
@media (max-width:760px){
  .mbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--navy);border-top:1px solid rgba(201,169,97,.4);padding-bottom:env(safe-area-inset-bottom,0)}
  .mbar a{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .2rem;color:var(--on-navy);text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
  .mbar a+a{border-left:1px solid rgba(255,255,255,.1)}
  .mbar svg{width:1.3rem;height:1.3rem;color:var(--brass-bright)}
  .mbar a.wa svg{color:#4CC38A}
  body{padding-bottom:4.2rem}
}
@media (max-width:1000px){
  .situ,.trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guides,.xsell{grid-template-columns:minmax(0,1fr)}
  .article-wrap{grid-template-columns:minmax(0,1fr)}
  .toc{position:static}
}
@media (max-width:900px){
  .ph-grid,.split{grid-template-columns:minmax(0,1fr);gap:var(--s4)}
  .quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .work{grid-template-columns:minmax(0,1fr)}
  .basis-x div{grid-template-columns:minmax(0,1fr);gap:.4rem}
}
@media (max-width:520px){
  .situ,.trust{grid-template-columns:minmax(0,1fr)}
  .util .u-msg{display:none}
  .util .wrap{justify-content:center}
  section{padding-block:3.2rem}
  .hero-grid{padding-block:3rem}
  .brand small{display:none}
}
@media print{.util,header.top,.mbar,form,.cta-band{display:none!important}}
.crumbs a{text-transform:none;letter-spacing:normal;font-weight:400;font-size:inherit}
.btn.line{display:inline-flex}
.dd-panel a{text-transform:none;letter-spacing:normal}


/* alt bilgi */
footer.foot{color:var(--on-navy-muted);background:var(--navy);padding-block:var(--s5) var(--s3);font-size:.94rem;display:block}
footer.foot .wrap{display:grid;align-items:start}
.foot-grid{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:var(--s4)}
.foot-grid b{font-family:var(--display);font-weight:400;font-size:1.2rem;letter-spacing:.14em;color:var(--on-navy)}
.foot-grid p{margin-top:.7rem}
.foot-grid h4{margin:0 0 .7rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-bright)}
.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
footer.foot a{color:var(--on-navy-muted);text-decoration:none}
footer.foot a:hover{color:var(--brass-bright)}
.foot-note{margin-top:var(--s4);padding-top:var(--s2);border-top:1px solid rgba(255,255,255,.1);display:flex!important;justify-content:space-between;gap:var(--s2);flex-wrap:wrap;font-size:.82rem}
@media (max-width:900px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.foot-grid{grid-template-columns:minmax(0,1fr)}}