/* corlu-cilingir.com — tek stil dosyası
   Not: .btn--brass / .sec--green / .on-green sınıf adları eski temadan kaldı; renkleri artık mavi/antrasit. */
:root{
  /* çelik / antrasit + kobalt mavi — endüstriyel, güven veren */
  --steel:#1b2127;--steel-d:#111519;--steel-l:#323c46;
  --blue:#1d64d8;--blue-d:#1550b0;--blue-l:#8ab4ff;
  --bg:#f2f4f6;--bg-2:#e4e8ec;--card:#ffffff;
  --ink:#14181c;--mute:#525c66;--rule:#cfd6dd;
  --head:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --sans:"Barlow","Segoe UI",system-ui,sans-serif;
  --w:1160px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);padding-bottom:64px}
img{max-width:100%;height:auto;display:block}
a{color:var(--steel);text-decoration-color:var(--blue);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--blue-d)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.08;color:var(--steel);margin:0 0 .5em;letter-spacing:0}
h1{font-size:clamp(2.3rem,6.6vw,4rem);font-weight:700}
h2{font-size:clamp(1.55rem,3.6vw,2.25rem)}
h3{font-size:1.25rem;line-height:1.25}
h1 em,h2 em{font-style:normal;color:var(--blue)}
p{margin:0 0 1.1em}
ul,ol{padding-left:1.2em;margin:0 0 1.2em}
li{margin-bottom:.4em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}
.skip:focus{left:12px;top:12px;background:var(--card);padding:8px 12px;z-index:99}
.kicker{font:600 .78rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-d);margin:0 0 .9em;display:flex;align-items:center;gap:.7em}
.kicker::before{content:"";width:28px;height:1px;background:var(--blue)}
.lede{font-size:1.2rem;line-height:1.55;color:var(--mute);max-width:62ch}

/* üst şerit + başlık */
.strip{background:var(--steel);color:var(--bg);font-size:.84rem}
.strip .wrap{display:flex;justify-content:space-between;gap:12px;padding-top:7px;padding-bottom:7px}
.strip a{color:var(--blue-l);font-weight:600;text-decoration:none}
.strip span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.head{border-bottom:1px solid var(--rule);background:var(--bg);position:sticky;top:0;z-index:20}
.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--steel)}
.brand svg{width:34px;height:34px;flex:none}
.brand b{font:600 1.22rem/1 var(--head);display:block;letter-spacing:-.01em}
.brand small{font:600 .64rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--blue-d);display:block;margin-top:5px}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--card);border-bottom:1px solid var(--rule);padding:8px 20px 18px}
.nav.open{display:block}
.nav a{display:block;padding:11px 0;border-bottom:1px dotted var(--rule);text-decoration:none;color:var(--ink);font-weight:600}
.nav a[aria-current]{color:var(--blue-d)}

/* düğmeler */
.btn{display:inline-flex;align-items:center;gap:.55em;font:700 1rem/1 var(--sans);padding:15px 22px;border-radius:2px;text-decoration:none;border:1px solid transparent;transition:background .15s,color .15s}
.btn svg{width:18px;height:18px;flex:none}
.btn--brass{background:var(--blue);color:#fff;box-shadow:3px 3px 0 var(--steel)}
.btn--brass:hover{background:var(--blue-d);color:#fff}
.btn--line{border-color:var(--steel);color:var(--steel)}
.btn--line:hover{background:var(--steel);color:var(--bg)}
.on-green .btn--brass{box-shadow:3px 3px 0 var(--steel-d)}
.on-green .btn--line{border-color:var(--blue-l);color:var(--bg)}
.on-green .btn--line:hover{background:var(--bg);color:var(--steel)}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin:1.6em 0 0}

/* ana sayfa girişi */
.hero{padding:38px 0 54px}
.hero__grid{display:grid;gap:36px}
.hero h1{margin-bottom:.45em}
.ledger{margin:2.2em 0 0;border-top:1px solid var(--rule);max-width:520px}
.ledger div{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:.97rem}
.ledger dt{font:600 .74rem/1.9 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);flex:none}
.ledger dd{margin:0;text-align:right}
.frame{position:relative;margin:0 14px 14px 0}
.frame::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--blue);z-index:0}
.frame img{position:relative;z-index:1;width:100%;object-fit:cover}
.hero .frame img{aspect-ratio:4/5;max-height:560px}
figure{margin:0}
figcaption{font:400 .9rem/1.45 var(--sans);color:var(--mute);margin-top:22px;padding-left:14px;border-left:2px solid var(--blue)}

/* bölümler */
.sec{padding:58px 0}
.sec--alt{background:var(--bg-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.sec--green{background:var(--steel);color:#dfe4ea}
.sec--green h2,.sec--green h3{color:var(--bg)}
.sec--green h2 em{color:var(--blue-l)}
.sec--green a{color:var(--blue-l)}
.sec--green .kicker{color:var(--blue-l)}
.sec__head{max-width:720px;margin-bottom:34px}
.split{display:grid;gap:34px}

/* durum listesi */
.cases{list-style:none;padding:0;margin:0;border-top:2px solid var(--steel)}
.cases li{margin:0;border-bottom:1px solid var(--rule)}
.cases a{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:18px 0;text-decoration:none;color:var(--ink)}
.cases strong{font:600 1.2rem/1.3 var(--head);color:var(--steel)}
.cases span{grid-column:1;color:var(--mute);font-size:.98rem}
.cases i{grid-row:1/3;grid-column:2;align-self:center;font:600 1.5rem var(--head);color:var(--blue-d);font-style:normal;transition:transform .15s}
.cases a:hover i{transform:translateX(5px)}

/* hizmet dizini */
.index{list-style:none;padding:0;margin:0;counter-reset:n;display:grid;gap:0 48px}
.index li{counter-increment:n;margin:0;border-top:1px solid var(--rule);padding:20px 0 20px 58px;position:relative}
.index li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:18px;font:600 1.7rem/1 var(--head);color:var(--blue)}
.index h3{margin:0 0 .25em}
.index h3 a{text-decoration:none}
.index p{margin:0;color:var(--mute);font-size:.98rem}

/* not kutusu */
.note{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--blue);padding:22px 24px;margin:1.6em 0}
.note h3{margin-bottom:.5em}
.note p:last-child,.note ul:last-child{margin-bottom:0}
.sec--green .note{background:var(--steel-d);border-color:var(--steel-l);border-left-color:var(--blue);color:#dfe4ea}

/* etkenler */
.factors{display:grid;gap:26px;margin:0;padding:0;list-style:none}
.factors li{border-top:1px solid var(--steel-l);padding-top:16px;margin:0}
.factors b{display:block;font:600 1.15rem/1.3 var(--head);color:var(--bg);margin-bottom:.3em}

/* mahalle listesi */
.hoods{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:0 40px}
.hoods li{margin:0;border-bottom:1px dotted var(--rule)}
.hoods a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;text-decoration:none;font:600 1.1rem var(--head)}
.hoods small{font:400 .84rem var(--sans);color:var(--mute);white-space:nowrap}

/* yazı listesi */
.posts{display:grid;gap:30px}
.post{border-top:2px solid var(--steel);padding-top:16px}
.post time,.meta{font:600 .76rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.post h3{margin:.4em 0 .4em;font-size:1.35rem}
.post h3 a{text-decoration:none}
.post p{color:var(--mute);margin:0;font-size:.98rem}

/* SSS */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--rule)}
.faq details:first-of-type{border-top:2px solid var(--steel)}
.faq summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;font:600 1.14rem/1.35 var(--head);color:var(--steel);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font:600 1.5rem var(--head);color:var(--blue-d)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 18px;max-width:68ch;color:var(--mute)}

/* iç sayfa */
.crumbs{font-size:.86rem;color:var(--mute);margin:0 0 22px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px}
.crumbs li{margin:0}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--blue)}
.crumbs a{color:var(--mute)}
.phead{padding:30px 0 34px;border-bottom:1px solid var(--rule)}
.phead h1{font-size:clamp(1.95rem,5.2vw,3.1rem);max-width:20ch}
.phead .lede{margin-bottom:0}
.cols{display:grid;gap:40px;padding-top:40px;padding-bottom:56px}
.prose{max-width:70ch;min-width:0}
.prose h2{margin-top:1.7em;font-size:clamp(1.4rem,3vw,1.8rem)}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:1.5em}
.prose figure{margin:1.8em 0 2.2em}
.prose .frame{margin-right:14px}
.prose li::marker{color:var(--blue-d)}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.97rem}
.prose th,.prose td{text-align:left;padding:11px 12px 11px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.prose th{font:600 .76rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border-bottom:2px solid var(--steel)}
.tablewrap{overflow-x:auto}
.steps{list-style:none;padding:0;counter-reset:s}
.steps li{counter-increment:s;padding:0 0 14px 46px;position:relative;margin:0 0 14px;border-bottom:1px dotted var(--rule)}
.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:30px;height:30px;border:1px solid var(--blue);border-radius:50%;font:600 1rem/28px var(--head);text-align:center;color:var(--blue-d)}
.side{display:grid;gap:26px;align-content:start}
.callcard{background:var(--steel);color:#dfe4ea;padding:26px 24px;position:relative}
.callcard::after{content:"";position:absolute;inset:8px;border:1px solid rgba(138,180,255,.35);pointer-events:none}
.callcard>*{position:relative;z-index:1}
.callcard h2{color:var(--bg);font-size:1.35rem;margin-bottom:.4em}
.callcard p{font-size:.96rem;margin-bottom:1em}
.callcard .num{display:block;font:600 1.6rem/1.1 var(--head);color:var(--blue-l);text-decoration:none;margin-bottom:14px;white-space:nowrap}
.callcard .btn{width:100%;justify-content:center;margin-bottom:10px}
.callcard address{font-style:normal;font-size:.9rem;border-top:1px solid var(--steel-l);padding-top:12px;margin-top:6px}
.sidelist h2{font:600 .78rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-d);margin:0 0 6px}
.sidelist ul{list-style:none;padding:0;margin:0 0 6px;border-top:2px solid var(--steel)}
.sidelist li{margin:0;border-bottom:1px dotted var(--rule)}
.sidelist a{display:block;padding:10px 0;text-decoration:none;font-size:.99rem}

/* kapanış bandı */
.cta .wrap{display:grid;gap:22px;align-items:center}
.cta h2{margin-bottom:.3em}
.cta p{margin:0;max-width:56ch}

/* alt bilgi */
.foot{background:var(--steel-d);color:#a9b3bd;font-size:.95rem;padding:48px 0 30px}
.foot a{color:#dfe4ea;text-decoration:none}
.foot a:hover{color:var(--blue-l)}
.foot h2{font:600 .76rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-l);margin:0 0 12px}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin-bottom:7px}
.foot__grid{display:grid;gap:30px;grid-template-columns:1fr 1fr}
.foot__grid>div:first-child{grid-column:1/-1}
.foot address{font-style:normal;line-height:1.7}
.foot .fbrand{font:600 1.3rem var(--head);color:var(--bg);margin-bottom:8px}
.foot__end{border-top:1px solid var(--steel-l);margin-top:34px;padding-top:18px;font-size:.84rem;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}

/* mobil sabit çubuk */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1.25fr 1fr;border-top:1px solid var(--steel-d)}
.dock a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;font:700 1rem var(--sans);text-decoration:none}
.dock svg{width:20px;height:20px}
.dock .d-call{background:var(--blue);color:#fff}
.dock .d-wa{background:var(--steel);color:var(--bg)}

.big404{font:600 clamp(5rem,20vw,10rem)/1 var(--head);color:var(--blue);margin:0}

@media (min-width:640px){
  .hoods{grid-template-columns:1fr 1fr}
  .posts{grid-template-columns:1fr 1fr}
  .factors{grid-template-columns:1fr 1fr}
  .foot__grid{grid-template-columns:1.4fr 1fr 1fr}
  .foot__grid>div:first-child{grid-column:auto}
}
@media (min-width:940px){
  body{padding-bottom:0;font-size:1.125rem}
  .dock{display:none}
  .navbtn{display:none}
  .nav{display:flex;position:static;align-items:center;gap:26px;background:none;border:0;padding:0}
  .nav a{border:0;padding:6px 0;font-size:.98rem}
  .nav a:hover{color:var(--blue-d)}
    .hero{padding:64px 0 88px}
  .hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:72px;align-items:start}
  .hero figure{margin-top:46px}
  .hero--plain .hero__grid{grid-template-columns:minmax(0,1fr)}
  .sec{padding:92px 0}
  .split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:76px;align-items:start}
  .split--rev{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
  .index{grid-template-columns:1fr 1fr}
  .factors{grid-template-columns:repeat(4,1fr)}
  .hoods{grid-template-columns:repeat(3,1fr)}
  .posts{grid-template-columns:repeat(3,1fr)}
  .phead{padding:44px 0 50px}
  .cols{grid-template-columns:minmax(0,1fr) 320px;gap:84px;padding-top:60px;padding-bottom:90px}
  .side{position:sticky;top:96px}
  .cta .wrap{grid-template-columns:1fr auto}
  .foot__grid{grid-template-columns:1.5fr 1fr 1fr 1fr}
  .offset{margin-left:8.33%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.dock,.head,.strip,.side{display:none}}

/* başlıkta telefon, menü düğmesi, arama satırı */
.htel{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:10px 12px;background:var(--steel);color:var(--bg);font:700 .95rem/1 var(--sans);text-decoration:none;border-radius:2px;white-space:nowrap}
.htel:hover{background:var(--steel-l);color:var(--bg)}
.htel svg{width:16px;height:16px;flex:none;color:var(--blue-l)}
.navbtn{display:grid;gap:4px;padding:11px 10px;flex:none;background:none;border:1px solid var(--steel);border-radius:2px;cursor:pointer}
.navbtn i{display:block;width:20px;height:2px;background:var(--steel)}
.head .wrap{gap:10px}
.brand small{display:none}
.brand svg{width:30px;height:30px}
.brand b{font-size:1.05rem}
.btn--xl{font-size:1.12rem;padding:18px 26px}
.callrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:2em 0;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font:600 1.1rem/1.4 var(--head);color:var(--steel)}
.callrow .btn{font-style:normal}
.phead .btns{margin-top:1.4em}
@media (max-width:359px){.brand b{font-size:.95rem}.htel{padding:10px 9px;font-size:.88rem}}
@media (min-width:480px){.brand small{display:block}.brand svg{width:34px;height:34px}.brand b{font-size:1.22rem}}
@media (min-width:940px){.navbtn{display:none}.htel{margin-left:0;padding:13px 16px;font-size:1rem}.nav{margin-left:auto}}
.callcard .btn--line{border-color:var(--blue-l);color:var(--bg)}
.callcard .btn--line:hover{background:var(--bg);color:var(--steel)}
.strip a{white-space:nowrap;flex:none}
.strip span:first-child{min-width:0}
.brand b{line-height:1.05}
.prose table{min-width:440px}